Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/07/2013, 02:32
chocovo
 
Fecha de Ingreso: abril-2003
Ubicación: Valencia
Mensajes: 223
Antigüedad: 21 años, 7 meses
Puntos: 7
4 divs que ocupen 100% y con margen entre ellos?

Hola,

Estoy intentado hacer una web que se ajuste al tamaño de la pantalla...

En ella quiero poner 4 divs alineados horizontalmente que ocupen en total el 100% del ancho de la pantalla.

De momento tengo:
Código HTML:
<div id="div25">aaa</div><div id="div25">bbb</div><div id="div25">bbb</div><div id="div25">ddd</div>

y el css #div25{width:25%; padding:0px; text-align:center; float:left;}
El caso es que quiero que entre los DIVs haya algún espacio por lo que si pongo padding: 10px ó margin: 10px, el último div ya no cabe y se baja.

¿Cómo hacer para que los 4 divs quepan uno al lado del otro y tengan alguna separacion entre ellos?

Gracias y un saludo