Estoy intentando hacer una pagina con CSS, por que esta más bonito jajajajja...
Bueno, la cosa va así, mi div principal no me esta abarcando los divs que quiero meter.
Le estoy metiendo un float y los pongo como quiero que se vean, pero en IE si me lo hace bien (si yo tambien me sorprendi), y en FireFox no, ahora con esto e llegado a la conclusión de que estoy haciendo algo verdaderamente mal como para tal calamidad.
Y bueno, aqui unos screen de lo que me hace y de lo que quiero hacer.
En FireFox:
En IE:
Como aparece en IE es como quiero que se vea, y bueno ya trate de varias formas y no me respeta lo que quiero hacer.
Ahora bien, el codigo del CSS:
Código :
#contenedor{ margin:0 auto 0 auto; width:750px; height:auto; text-align:left; border:1px solid #000000; background-color:#FFFFFF; } #encabezado{ margin:0 auto 0 auto; width:750px; height:120px; background-image:url(../imagenes/img_Header.jpg); } .separador{ margin:0 auto 0 auto; width:750px; height:16px; background-image:url(../imagenes/img_DownHeader.jpg); font-size:10px; color:#FFFFFF; } #contenedor_menu{ float:left; width:195px; height:300px; border:1px solid #0000FF; } #contenedor_contenido{ float:right; width:550px; border:1px solid #FF0000; }
Y mi HTML:
Código :
<html> <head> <title>CBTis 139</title> <link href="css/estilo.css" rel="stylesheet" type="text/css"> </head> <body> <div id="contenedor"> <div id="encabezado"></div> <div class="separador"> CBTis 139 </div> <div id="contenedor_menu"> <p>Menu</p> </div> <div id="contenedor_contenido"> <p>Texto</p> </div> <div class="separador">CBTis 139</div> </div> </body> </html>
El float me hace lo que dice, osea flota los divs, y no me los encapsula el div principal.
Bueno, espero me puedan ayudar que no se la verdad como arreglarlo