28/07/2010, 07:55
|
| | | Fecha de Ingreso: mayo-2005
Mensajes: 42
Antigüedad: 19 años Puntos: 0 | |
| Eternas capas: Problema con HEIGHT
Interminable problema de capas con CSS. como veran a continuacion este sitio esta armado en capas.
Mi problema es que cuando la variable $titulo supera el alto minimo (min-height) el texto se queda sin el fondo de la capa que lo contiene. En este caso la capa BOTHSIDE que esta contenida por la capa LEFTSIDE que a su vez esta contenida por la capa PRINCIPAL.
Probe de ponerle tanto a la LEFTSIDE como a la capa BOTHSIDE como a la capa PRINCIAPAL distintos casos de HEIGHT.... Height: 100%/1100px/auto. Pero no tengo resultados.
Tambien probre el Overflow, pero tampoco...
POR FAVOR, AYUDAAAAAA!!!!
#header{ position:relative; width:1000px; height: 75px; margin:auto; padding:15px; border:1px solid #CCCCCC;background-color:#FFFFFF; }
#menu{ position:relative; width:1000px; height:25px; margin:auto; padding-left:15px; padding-right:15px; border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC; background-color:#FFFFFF; background-image: url(../img/fondomenu.jpg)}
#principal{ position:relative; width:1000px; min-height: 1100px; height:100%; margin:auto; padding:15px; border:1px solid #CCCCCC;background-color:#FFFFFF}
#leftside{ position:relative; float:left; width:700px; height:100%; z-index:100; margin:auto; }
#izquierda{ position:relative; float:left; width:350px; z-index:100; margin:auto; border-right:1px solid #CCC }
#derecha{ position:relative; float:left; width:340px; z-index:100; margin:auto; }
#bothside{ position:relative; float:left; width:690px; z-index:100; margin:auto }
#rightside{ position:relative; float:left; width:295px; z-index:100; margin:auto; border-left:1px solid #CCCCCC;}
<body>
<div id="header"><?php include("includes/header.inc"); ?></div>
<div id="menu"><?php include("includes/menu.inc"); ?></div>
<div id="principal">
<div id="leftside">
<div id="bothside" align="center">
<table width='95%' height='100%' cellpadding='5px' cellspacing='0'>
<tr>
<td align='left' colspan='2'>
<span class='txttitulo'>$titulo</span>
</td>
<tr>
</table>
</div>
</div>
<div id="rightside"><?php include("includes/rightside.inc"); ?></div>
</div>
</body>
</html>
|