Comunidad de diseño web y desarrollo en internet online

[css]

Citar            
MensajeEscrito el 03 Abr 2006 06:21 pm
buenas y santas, tengo un problema con un maquetado css... ya he posteado por algo similar, y ahora sucede q no puedo resolver este problema, ni siquiera aplicando esas soluciones:

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&amp;Film</h1>
         <h2>Hot Rod Clips</h2>
         <h3>Hot Rod Red Rock&amp;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!

Por Dario!

28 de clabLevel



Genero:Masculino  

Capital Federal - BsAs - Argentina

firefox
Citar            
MensajeEscrito el 03 Abr 2006 07:44 pm
Quita "float:left" del css del contenido, et voilá.

Por TheOm3ga

267 de clabLevel

1 tutorial

1 ejemplo

 

To your south!!!

firefox

 

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