Foros del Web » Creando para Internet » CSS »

los div no me salen con el mismo ancho cuando trabajo en porcentaje

Estas en el tema de los div no me salen con el mismo ancho cuando trabajo en porcentaje en el foro de CSS en Foros del Web. hola amigos del foro , estoy maquetando en porcentaje, tengo un div superior en el cual estan anidados otros tres div en el primer div ...
  #1 (permalink)  
Antiguo 17/07/2005, 11:43
Avatar de geograf_art  
Fecha de Ingreso: abril-2005
Mensajes: 55
Antigüedad: 12 años, 8 meses
Puntos: 0
Exclamación los div no me salen con el mismo ancho cuando trabajo en porcentaje

hola amigos del foro , estoy maquetando en porcentaje, tengo un div superior en el cual estan anidados otros tres div en el primer div anidado va ir una imagen de 740x130px, ahora los otros dos div anidados solamente van a ser una franja de colores distintos horizontalmente y claro todo al 100% de ancho el problema es q al insertar la imagen los div donde solo son franjas de color siempre son mas pequeños,lo q no entiendo si tienen de ancho 100% por q no se igualan al div superior donde esta la imagen, ahora cuando en el div donde me contiene los otros 3 div anidados le pongo 106%ancho se acomoda y todo sale bien, pero cuando lo veo en firefox siguen pequeños cuando aumento el porcentaje se ve bien en firefox pero en explorer se mas grande los div de colores, no se como podria trabajarlo para q se vea bien tanto en explorer como en firefox...le adjunto mi codigo espero q me puedan ayudar

Código HTML:
<body>
<div id="contenedor">
<div id="cabeza">/*aca esta el problema*/
         <div id="cabeza1"><img src="gif/cabeza.gif" ></div>
         <div id="cabeza2"></div>/*noson igual de ancho q el div dela imagen*/
         <div id="cabeza3"></div>
</div>
<div id="izquierda">
	<div id="menu"></div>
	<div id="fono"></div>

</div>
<div id="centro"></div>
<div id="derecha">
	<div id="contacto"></div>
	<div id="publicidad"></div>
</div>
<div id="pie"></div>
</div>
</body> 
El Csss

Código:
body { /*estilo del cuerpo del documento*/
background : #C0D9D9 ;
background-image:url(gif/f2.gif);
font :8pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
color : #666666; 
margin : 0px 0px 0px 0px; 
text-align: center;
} 
#contenedor{
text-align: left; 
width: 90%;
margin: auto; 
background-color : #ffffff; }
#cabeza{
width:100%;}
#cabeza2{
background:#CFC836;
width: 100%;
height:5px;
}
#cabeza3{
background-color:#004080;
width: 100%;
text-align:center;
height:15px;
}
#izquierda{
float:left;
width:20%;}
#centro{
float:left;
width:55%;
}
#derecha{
float:right;
width:20%;}
#pie{
clear:both;
width:100%;}
De antemano gracias por sus respuestas amigos
  #2 (permalink)  
Antiguo 18/07/2005, 00:46
Avatar de gustavoang  
Fecha de Ingreso: julio-2003
Ubicación: Valencia - Venezuela
Mensajes: 253
Antigüedad: 14 años, 4 meses
Puntos: 1
Hola.

Me ha pasado eso... En vez de "width:100%" prueba con "margin:0px".

Saludos.
__________________
Gustavo Narea.
Venezuela.
  #3 (permalink)  
Antiguo 21/07/2005, 10:05
Avatar de geograf_art  
Fecha de Ingreso: abril-2005
Mensajes: 55
Antigüedad: 12 años, 8 meses
Puntos: 0
hola no pasa nada, haivedolo asi igual me sale, bueno es q estoy trabjando con una caja contenedora, lo he probado sin eso y no hya problema solo lo habria en el centrado si alguien sabe como centrar el contenido y hacer q los div tengan el mismo largo seria bueno , gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:12.