Foros del Web » Creando para Internet » CSS »

como hacer web 3 columnas en css (cotent arriba)

Estas en el tema de como hacer web 3 columnas en css (cotent arriba) en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/11/2008, 06:52
Avatar de p2pdownloading  
Fecha de Ingreso: noviembre-2007
Ubicación: La Plata, Argentina
Mensajes: 784
Antigüedad: 10 años
Puntos: 3
como hacer web 3 columnas en css (cotent arriba)

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
__________________
PROGRAMAS P2P
Moviles
  #2 (permalink)  
Antiguo 29/11/2008, 11:02
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: como hacer web 3 columnas en css (cotent arriba)

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.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 29/11/2008, 17:45
Avatar de p2pdownloading  
Fecha de Ingreso: noviembre-2007
Ubicación: La Plata, Argentina
Mensajes: 784
Antigüedad: 10 años
Puntos: 3
Respuesta: como hacer web 3 columnas en css (cotent arriba)

buenisimo gracias
__________________
PROGRAMAS P2P
Moviles
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 11:26.