Comunidad de diseño web y desarrollo en internet online

AYUDA - 3 columnas en divs height dinamico

Citar            
MensajeEscrito el 04 Sep 2007 01:14 am
Yo se que esto debe haberse preguntado 500 veces. yo personalmente lei ejemplos similares unas 15 veces (literalmente). Pero ninguna funcionó poruqe hablan de sitios estaticos, y yo necesito para una un sitio dinámico.
Necesito el tipico formato 3 columnas dentro de un contenedor. y que las 3 columnas posean el height de las más alta de las 3. Al ser un div par (en la misma linea) la herencia no me funciona. Si le agrego al contenedor un height: auto, no me toma la herencia en sus childs (si le pongo valor absoluto si la toma).
He aquí el problema entonces:
Necesito que el div id="BordeDer", tome el alto de el div id="Contenido". Es indistinto si funciona en IEchot o Firefox. Dp veré como parchar. Muchas Gracias.

Código :

    <div id="Main">
       <div id="Botonera"><img src="images/Menu.gif" /></div>
        <div id="Contenido"><img src="images/Imagen.gif" width="594" height="410" /></div>
        <div id="BordeDer"></div>   
    </div>


Código :

      #Main{
      width:743px;
      height:100%;
      }
         #Botonera{
         float: left;      
         width: 141px;
         }

         #Contenido{
         float: left;      
         width: 594px;
         }

         #BordeDer{
         float: right;      
         width: 8px;
         height: inherit;
         background-image:url(../images/BordeDer.gif);
         background-repeat:repeat-y;
         }

Por rOY_maga

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 04 Sep 2007 07:16 pm
botonera flotalo a left contenido no lo flotes y dale el padding del ancho de botonera y borderDer lo flotas a la derecha

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 14 Jun 2009 11:39 am
Hola, acabo de publicar un enlace en otra parte del foro que responde exactamente a lo que tu buscas. Te da soluciones crossbrowsing para generar columnas reales, y remarco reales porque he visto algunas propuestas que usaban los bordes de una columna para generar el fondo de la columna de al lado...¿? práctica bastante poco flexible e inestable, por no decir aberrante, ejejje

Aquí te dejo la solución para tus 3 columnas con CSS

Por JesukePro

1 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.