Buenas gente. Soy un newbie en DIVS, aprendiendo de cerito, pero ahora, haciendo una interface, IE me la muestra como quiero, pero el rebelde de Firefox no. Miren les dejo un screenshot con mi problema.
Firefox (Foto de Arriba) no me agranda el div principal. Pero IE (Foto Abajo) si.
Aca les dejo mi css ya que estoy.
Cita: body {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:black;
}
div#main {
width:850px;
border-left:1px solid #999;
border-right:1px solid #999;
background-color:#F7F7F8;
}
div#top {
width:100%;
background-image:url(../img/bgLogo.png);
height:70px;
margin:0; padding:0;
}
div#logo {
float:left;
clear:left;
background:url(../img/logo.png) no-repeat;
height:70px;
width:190px;
margin:0; padding:0;
}
div#top_p {
float:right;
clear:right;
background:url(../img/xxx.png) no-repeat;
height:70px;
width:69px;
margin:0; padding:0;
}
div#top_line {
width:100%;
margin:0; padding:0;
height:10px;
font-size:1pt;
background-color:#00B2AA;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
div#left_navigation {
width:150px;
border-right:1px solid #999;
background-color:#F5F5F5;
margin:0; padding:0;
float:left;
clear:left;
}
div#navigation_title {
border-bottom:1px solid #999;
padding:3px 0 3px 0;
font-weight:bold;
color:#666;
background-color:#EEEEEE;
}
div#right_navigation {
width:150px;
border-left:1px solid #999;
background-color:#F5F5F5;
float:right;
clear:right;
}
div#content {
width:548px;
background-color:#FFF;
float:left;
}
div#rotator_h {
width:100%;
float:left;
clear:left;
margin:0; padding:0;
height:15px;
background-color:#F5F5F5;
border-bottom:1px solid #999;
font-size:8pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:black;
cursor:crosshair;
}
Saludos!
Imagen:
http://img20.imageshack.us/img20/1623/errorfx4.png