http://www.rdgimenez.com/rcm/admin/home.php
si ven eseejemplo con IE se ve tal cual lo que quiero... Pero si lo ven el FF, el contenedor queda por debajo del contenido y no se estira para q quede bien... Me habian recomendado no poderle alto a este contenedor, y eso es lo q estoy haciendo, si le seteo el ancho, pero no el alto. Entonces, porq no anda?? eso es lo q espero q me puedan responder...
Aca va el codigo para me digan cual es le causante de mi error:
Código :
/* estilos generales */
body{
padding:0px;
margin:0px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#333;
background-color:#F7F7F7;
}
input{
border:1px solid #ccc;
height:20px;
width:145px;
}
/* estilos de formato */
#buttons{
height:20px;
border:1px solid #ccc;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#333;
background-color:#F7F7F7;
}
#divLogin{
margin:0px;
padding:10px 5px 10px 5px ;
width:200px;
font:10px Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF;
border:1px solid #ccc;
}
#contenedor{
width:600px;
border:1px solid #666666;
padding:10px;
background-color:#FFFFFF;
font:12px Verdana, Arial, Helvetica, sans-serif;
}
#header{
background-image:url(../imgs/logo.jpg);
background-repeat:no-repeat;
background-position:center;
width:540;
height:50;
}
#botonera{
width:600;
text-align:left;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#666;
}
#botonera a{
color:#666;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#botonera a:hover{
color:#CC3300;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
#contenido{
float:left;
padding:0px;
margin:0px;
width:600px;;
color:#333;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
float:left;
clear:both;
}
#contenido h1{
margin:1px;
padding-left:10px;
color:#333;
font:12px Verdana, Arial, Helvetica, sans-serif;
background-color:#FF6600;
}
#contenido h2{
margin:1px;
padding:0 0 0 30;
color:#666;
font:12px Verdana, Arial, Helvetica, sans-serif;
background-color:#FF9900;
}
#contenido h3{
margin:1px;
padding:0 0 0 50;
color:#999;
font:12px Verdana, Arial, Helvetica, sans-serif;
background-color:#FFCC00;
}Código :
<html> <head> <title>|| RightCutMedia ||</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <center> <div id="contenedor"> <div id="header"></div> <div id="botonera"> | <a href="#">Add Sections</a> | <a href="#">Add Work</a> |</div> <br> <div id="contenido"> <h1>Video&Film</h1> <h2>Hot Rod Clips</h2> <h3>Hot Rod Red Rock&Roll</h3> <h3>Hot Rod JAF</h3> <h3>Hot Rod Mess</h3> <h3>Hot Rod Architect</h3> <h3>Hot Rod Dr.</h3> <h2>Fiction</h2> <h3>Fuckland</h3> <h3>I've Got It</h3> <h3>Me La banco</h3> </div> </div> </center> </body> </html>
saludos,
Dario!
