2012-08-08 22 views
5

¿Es esto posible con CSS (Es probable que pueda manejarlo con javascript):CSS Diseño automático de ancho y sin margen: auto

Es básicamente un efecto margin: auto, pero quiero un fondo diferente para cada margen, por lo que i' m buscando divs con anchos automáticos a cada lado del divisor central (de ancho fijo) si tiene sentido. Probs visualiza mejor:

Sample layout

Respuesta

3

http://jsfiddle.net/guc9V/1/

poco de un truco, pero funciona.

No utilicé su valor de ancho ya que jsFiddle necesitaría cambiar el tamaño para ver cómo funciona.

Esto básicamente le dice a los divs que actúen como celdas de tabla, por lo que llenarán el div que contiene, que actúa como la tabla. Si no especificó el ancho del divisor central, cada columna tendría un ancho del 33%.

+0

Sin descripción, no +1; pero 'table-cell' es el camino a seguir ... – feeela

+0

+1 Buena respuesta, todavía estoy jugando, tratando de que funcione en mi aplicación que está resultando problemática .. (gracias a ext js, o mi falta de habilidad con él) –

+0

Hay una mejor solución (navegador cruzado). El OP haría bien en leer los conceptos básicos de CSS. – besluitloos

Cuestiones relacionadas