divs en porcentaje 20 60 20 en la misma linea

Citar

Escrito el 29 Ago 2008 04:36 pm

Hola, tengo un problema para alinear tres div dentro de uno contenedor y que van en porcentaje 20, 60, 20. El div contenedor "menusup" lo pongo al 100% pero al final siempre me desplaza el div noticias a una siguiente linea. He probado a poner este en right pero nada. ¿que estoy haciendo mal? Se ve mal tanto en firefox como en explorer.
Gracias por la ayuda
HTML

Código :

<div id="menusup">
    <div id="aire">aire</div>
    <div id="menu">menu</div>
    <div id="noticias">noticias</div>
</div><!--menusup-->

CSS

Código :

#menusup{
width:100%;
height:30px;
background-color:#FFFF00;
}
#aire{
float:left;
left:0%;
width:20%;
height:30px;
padding:0;
}
#menu{
float:left;
left:20%;
width:60%;
height:30px;
background-color:#FF6600;
padding:0;
}
#noticias{
float:left;
left:80%;
width:20%;
height:30px;
background-color:#FF0000;
padding:0;
}

Por celentano

Claber

123 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 29 Ago 2008 06:54 pm

no estas considerando los bordes, usa 19 60 19

ese metodo que estas usando tiene un problema
si todo estuviese dentro de un contenedor el contenedor no seria empujado por ningún div, pues todos ellos están flotando
observa lo que pasa con el #contenedor de este codigo

Código HTML :

<html>
<head>
   <title>prueba<title>
<style>
   #c{
      height: 500px;
      width: 500px;
      background-color: #FF8000;
   }
   #l,#r,#c{
      float: left;
   }
   #l,#r{
      height: 300px;
      width: 200px;
      background-color: #BBFB75;
   }
   #contenedor{
      background-color: #4f4f4f;
   }
</style>
</head>
<body>
   <div id='contenedor'>
      <div id='l' ></div>
      <div id='c'></div>
      <div id='r'></div>
   </div>
</body>

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino Desarrollador de GAIA

Envíale un mensaje privado

Programador y fotógrafo

@inyaka

divs en porcentaje 20 60 20 en la misma linea

Escribe una respuesta rapida