Foros del Web » Creando para Internet » CSS »

width 100% en divs

Estas en el tema de width 100% en divs en el foro de CSS en Foros del Web. Hola! tal vez esto pueda solucionar mi post anterior. Perdonad, pero no sabía cambiar el título al post anterior. El tema es que no sé ...
  #1 (permalink)  
Antiguo 26/05/2010, 12:29
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 9 años, 5 meses
Puntos: 9
width 100% en divs

Hola! tal vez esto pueda solucionar mi post anterior. Perdonad, pero no sabía cambiar el título al post anterior. El tema es que no sé porqué los divs no se quedan al 25% para llenarme la pantalla... el div negro se queda mal...

Gracias!!


css

Código HTML:
#pies {  width:100%; height:4px; padding:0px; background-color:#fff; border:0px; margin: -50px auto 0 auto;

}
#azul { background-color:#00aeef; color:#FFF; width:25%; height:2px; float:left; padding:0px; margin:auto
	
	
}
#amarillo{ background-color:#fff200; color:#FFF; width:25%; height:2px; float:left; padding:0px; margin:auto
	
	
}

#magenta { background-color:#ec028c; color:#FFF; width:25%; height:2px; float:left; padding:0px; margin:auto
	
}
#negro { background-color:#000; color:#FFF; width:25%; height:2px; float:right;  padding:0px; margin:auto
	

}
y el html

Código HTML:
<div id="footer">

<div id="pies">
<div id="azul"></div>
<div id="amarillo"></div>
<div id="magenta"></div>
<div id="negro"></div>

</div>
</div> 
  #2 (permalink)  
Antiguo 26/05/2010, 13:17
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: width 100% en divs

en lugar de 25% a cada uno ponele 20% y fijate!
  #3 (permalink)  
Antiguo 26/05/2010, 13:25
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 9 años, 5 meses
Puntos: 9
Respuesta: width 100% en divs

pues no funciona.... sé que en diferentes navegadores se midifica el tamaño, pero con width 100% tambien?
  #4 (permalink)  
Antiguo 26/05/2010, 13:29
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: width 100% en divs

probá con este código:

Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2.   <head>
  3.     <title>New Document</title>
  4.     <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  5.     <style>
  6.       #pies {  width:100%; height:4px; padding:0px; background-color:#fff; border:0px;}
  7.       #azul { background-color:#00aeef; color:#FFF; width:25%; height:2px; float:left;}
  8.       #amarillo{ background-color:#fff200; color:#FFF; width:25%; height:2px; float:left;}
  9.       #magenta { background-color:#ec028c; color:#FFF; width:25%; height:2px; float:left;}
  10.       #negro { background-color:#000; color:#FFF; width:25%; height:2px; float:right;}
  11.     </style>
  12.   </head>
  13.   <body>
  14.     <div id="footer">
  15.       <div id="pies">
  16.         <div id="azul">&nbsp;</div>
  17.         <div id="amarillo">&nbsp;</div>
  18.         <div id="magenta">&nbsp;</div>
  19.         <div id="negro">&nbsp;</div>
  20.       </div>
  21.     </div>
  22.   </body>
  23. </html>

no dejes los DIV´s vacios
  #5 (permalink)  
Antiguo 26/05/2010, 13:35
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 9 años, 5 meses
Puntos: 9
Respuesta: width 100% en divs

hola! pues todavía no...
  #6 (permalink)  
Antiguo 26/05/2010, 13:38
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: width 100% en divs

Algo mal debes estar haciendo porque yo probe eso y anda perfectamente

Etiquetas: width
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 02:33.