Ver Mensaje Individual
  #6 (permalink)  
Antiguo 14/04/2010, 12:44
Avatar de neoarcangel
neoarcangel
 
Fecha de Ingreso: enero-2005
Ubicación: España
Mensajes: 566
Antigüedad: 19 años, 2 meses
Puntos: 5
Respuesta: ¿Algún sistema para que no se descuadre el contenido?

MIrá este es mi codigo actual

Cita:
<div id="contenedor">
<div id="banner" >
<h1>BANNER</h1>
</div>
<div id="menus" >
<?php include "menus.php"?>
</div>
<div id="contenido" >
<div id="contenedorcolumnas">
<div id="columna1">
<!--MENUS--> cols3
</div>
<div id="columna2">
<?php

$p=$_GET["p"];
if(!$p)
{echo $p="un contenido cualquiera";}
include ($p);
?>
</div>
<div id="columna3">
<!--MENUS--> cols3
</div>


</div>

</div>
<div id="pie" ><p>PIE</p></div>
</div>
Y estos son mis estilos

Cita:
*{margin:0px;
padding:0px;}
body{font-family:century gothic;
//background:url("imagenes/fondoarriba.png") repeat-x top;
//background:#aaaaaa;
font-size:10pt;
}
#contenedor{width:950px;
*width:71.32em;
min-width:950px;
margin: auto auto;
text-align:center;
border:3px solid #000;
background:#aaaaaa;
}

#menus{/margin-left:35px;
width:940px;
padding-left:10px;
height:46px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url('imagenes/fondocajamenus.jpg') repeat-x;
font-size:9pt;

clear:both;}
#menus ul li{float:left;
font-size:9pt;
}
#menus ul li a{ display:block;
color:#fff;
height:36px;
padding-left:120px;
line-height:46px;
text-decoration:none;
vertical-align:center;
font-size:9pt;}
#menus ul li a:hover{font-size:11pt;
font-style:italic;}
#contenido{padding:10px;}
#contenedorcolumnas{border:2px solid #0f0;
text-align:center;
position:absolute;
clear:both;}
#columna1{width:170px;
margin-left:5px;
position:relative;}
#columna2{width:550px;
margin:0 10px;
position:relative;}

#columna1,#columna2,#columna3{border:1px solid #000;
float:left;}
#columna3{width:170px;
margin-right:5px;
position:relative;}

#pie{clear:both;
border:2px solid #0f0;}
Pues bien, todo el tema es el siguiente un contenedor que contiene divs
Un div para el banner
Un div para el menu
Un div para el contenedor global
Dentro de este un div para contener 3 columnas
Dentro de este 3 divs que son las 3 columnas
Y por ultimo un div para el pie

Pues bien haciendolo tal y como esta asi, el pie se me sube justo por encima del div contenedor de las 3 columnas ¿Que me falla?
__________________
Mi equipo

Gigabyte GA-MA770T-UD3P Socket AM3|OZC StealthxStream 600 w | Gigabyte Radeon HD 4770 512MB GDDR5| AMD Phenom II 945 X4 Quad Core 3.0Ghz| Memoria Kingston 6GB DDR3 1333