como hacer web 3 columnas en css (cotent arriba)

#1 (**permalink**) 29/11/2008, 06:52

hola estoy intentando optimizar mi web para buscadores, por lo que necesito que el contenido de la misma este primero en el codigo y luego aparezcan las 2 columnas de izquierda y derecha, como puedo hacer esto ?

mi web www.software-p2p.com

<div class="content">
</div>
<div class="left">
<div>
<div class="right">
<div>
saludos

Mikmoro · #2 (**permalink**) 29/11/2008, 11:02

Si la anchura es fija, como en tu página, no es mucho problema:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>3 columnas</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#page {width: 990px;
height: 600px;
position: relative;
}
#content {width: 660px;
height: 600px;
background-color: #00f;
margin: 0 165px;
}
#left, #right {width: 165px;
height: 600px;
position: absolute;
top: 0;
background-color: #f0f;
}
#left {left: 0;}
#right {right: 0;}
</style>
</head>
<body>
<div id="page">
<div id="content"></div>
<div id="left"></div>
<div id="right"></div>
</div>
</body>
</html>

Pruébalo.

#3 (**permalink**) 29/11/2008, 17:45

buenisimo gracias