Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/03/2006, 05:26
lauraj
 
Fecha de Ingreso: marzo-2006
Mensajes: 46
Antigüedad: 18 años
Puntos: 0
Ayuda por favor

Hola a todos,

Estoy intentando hacer una plantilla con 3 columnas, 2 laterales y una central.

La cosa es que hay varias cosas que no funcionan como me gustaría y por más que lo intento no sé como hacerlo.

1) Me gustaría que cuando una columna bajara por tener más texto lo hicieran también las otras dos.

2) Estoy intentando hacer más pequeña la columna lateral izquierda, llamada navigation pero también quiero entonces hacer más grande la central y la lateral derecha pero no lo consigo sin que me salgan cosas raras.

Bueno, os dejo aquí el código a ver si algún experto puede ayudarme.

Código:
<style type="text/css">
html,body{margin:0;padding:0;background-color:#000000}
body{font: 76% arial,sans-serif #FFFFFF}
p{margin:0 10px 0px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #000000;color: #79B30B}
div#header2 h1{height:42px;line-height:42px;margin:0;
  padding-left:10px;background: #940205;color: #79B30B}
div#content p{line-height:1.4}
div#navigation{background:#FF0000}
div#extra{background:#940205}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#wrapper{float:left;width:100%}
div#content{margin: 0 25%}
div#navigation{float:left;width:16%;margin-left:-100%}
div#extra{float:left;width:25%;margin-left:-25%}
div#footer{clear:left;width:100%}
</style>
</head>
<body>
<div id="container">
<div id="header"><h1></h1></div>
<div id="header2"><h1></h1></div>
<div id="wrapper">
<div id="content" style="background-color:#C41117">
<p><strong>1) Content here.</strong> Testing Testing</p>
</div>
</div>
<div id="navigation">
<p><font color="#FFFFFF">2) Test Test Test Test Test Test</font></p>
</div>
<div id="extra">
<p><strong>3) More stuff here. Testing Testing Testing Testing Testing</strong></p>
</div>
<div id="footer"><p>Here it goes the footer</p></div>
</div>
Besos,

Laura.