Foros del Web » Creando para Internet » CSS »

Maquetar CSS

Estas en el tema de Maquetar CSS en el foro de CSS en Foros del Web. hola que tal estoy algo confundido mm me podrian pasar la estructura base para maquetar respecto con div ya saben la cabecera el contenido y ...
  #1 (permalink)  
Antiguo 30/07/2008, 11:13
Avatar de mongus3010  
Fecha de Ingreso: julio-2008
Mensajes: 82
Antigüedad: 9 años, 5 meses
Puntos: 0
Sonrisa Maquetar CSS

hola que tal estoy algo confundido mm me podrian pasar la estructura base para maquetar respecto con div ya saben la cabecera el contenido y las demás div dentro del contenido por cierto estoy tratando de hacer la hoja de estilos externa como todo mundo la hace gracias por su tiempo hasta luego.
  #2 (permalink)  
Antiguo 30/07/2008, 11:46
Avatar de kazafun  
Fecha de Ingreso: diciembre-2003
Ubicación: Elda
Mensajes: 843
Antigüedad: 14 años
Puntos: 13
Respuesta: Maquetar CSS

Cita:
Iniciado por mongus3010 Ver Mensaje
hola que tal estoy algo confundido mm me podrian pasar la estructura base para maquetar respecto con div ya saben la cabecera el contenido y las demás div dentro del contenido por cierto estoy tratando de hacer la hoja de estilos externa como todo mundo la hace gracias por su tiempo hasta luego.

Bueno, no hay una estructura fija.

Busca por "layout 2 columnas" "layout 3 columnas" y encontraras cosas interesantes.
__________________
MUERTE a Internet Explorer


Mi portfolio de diseño web en Elda
  #3 (permalink)  
Antiguo 30/07/2008, 12:05
 
Fecha de Ingreso: febrero-2008
Mensajes: 578
Antigüedad: 9 años, 9 meses
Puntos: 3
Respuesta: Maquetar CSS

Una estructura podría ser:

Código HTML:
<html>
<head>
</head>
<body>
<div class="prin">
  <div class="centro">
    <div class="izq"></div>
    <div class="cen"></div>
    <div class="der"></div>
    <div class="clear"></div>
  </div>
</div>
</body>
</html> 
y el CSS podés poner:

Código HTML:
div.prin {width:700px;}
div.centro {width:100%;}
div.izq {width:100px;float:left;position:relative;}
div.cen    {width:500px;float:left;position:relative;overflow:hidden;}
div.der   {width:100px;float:right;position:relative;overflow:hidden;}
div.clear {clear:both;}
obviamente tendrías que hacer ajustes, pero basicamente lo podrías hacer así como te dije.
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 08:27.