29/12/2008, 04:45
|
| | | Fecha de Ingreso: agosto-2004
Mensajes: 265
Antigüedad: 19 años, 8 meses Puntos: 0 | |
| 3 divs en la misma linea
quiero poner 3 divs, en la misma linea, y el tercero siempre se coloca debajo. mirar mi codigo.
<body>
<div id="cabecera">Logotipo</div>
<div id="menu">Menu</div>
<!-- contorno -->
<div id="contorno">
<div id="noticias">noticias</div>
<div id="principal">esto es un ejemplo del bloque principal</div>
<div id="secundario"> bloque secundario</div>
</div> <!-- fin contorno -->
</body>
mi css
#contorno
{
width:800px;
margin-top:1em;
border:2px solid;
}
/*esto es el menu de la izquierda*/
#noticias
{
float:left;
padding: 0,5em 0,5em 0,5em 0,5em;
margin-top:1em;
border: 1px solid;
background-color: #999999;
width:20%;
}
#principal
{
padding:2em 2em 2em 2em;
margin-top:1em;
/*margin-left: 2em;*/
border: 1px solid red;
width:40%;
}
#secundario
{
float:right;
/*padding:2em 2em 2em 2em;*/
border: 1px solid orange;
width:10%;
}
#pie
{
padding-bottom:0,5em;
padding-top:0,5em;
}
Es decir he realizado una capa "contorno" y dentro de esta he metido 3, una float:left y las otras al lado, pues la tercera, se coloca debajo a la derecha...
que estoy haciendo mal
gracias
__________________
Recuerda que si señalas con el dedo, el resto de los dedos te señalan a ti! |