Foros del Web » Creando para Internet » CSS »

Ayuda por favor

Estas en el tema de Ayuda por favor en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/03/2006, 05:26
 
Fecha de Ingreso: marzo-2006
Mensajes: 46
Antigüedad: 11 años, 9 meses
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.
  #2 (permalink)  
Antiguo 07/03/2006, 06:30
 
Fecha de Ingreso: abril-2005
Mensajes: 76
Antigüedad: 12 años, 8 meses
Puntos: 0
Te paso un par de ejemplos, a ver si se sirven de guía:

http://www.webproducer.at/flexible-layout/
http://www.pixy.cz/blogg/clanky/css-3col-layout/

suerte!
__________________
* Si hubiera previsto las consecuencias, me hubiera hecho relojero.
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 22:05.