Estoy intentando resolver dos problemas con la maquetación y parecen tener el mismo origen sin conseguir dar con el error y ya no sé por donde tirar.
1) aparece un espacio en blanco por encima de header y no sé cual es la razón
2) en el menu sprymenubar horizontal ( cuyo div denomino encabezado ) cuando
despliego los submenus se suben por arriba hacia el header y no quedan abajo.
HTML:
<div id="header">
<p class="cabecera">IP</p>
<p class="cabecera2">INSTIT</p>
</div>
<div id="Menu_Encabezado">
</div>
<div id="header_0">
</span> <span class="Estilo8"><span class="Estilo8">
<span class="Estilo64"> <span class="Estilo67">
<?php
$meses_nombres=Array("Enero","Febrero","Marzo","Ab ril","Mayo","Junio","Julio","Agosto","Septiembre" , "Octubre","Noviembre","Diciembre");
$num=gmdate("m");
$mes=$meses_nombres[$num-1];
$dia=gmdate("j");
$anio=gmdate("Y");
echo $dia, " de " ,$mes ," de " ,$anio;
?>
</span> &nb sp;
<input maxlength="255" size="31" name="q" />
<input type="hidden" value="es" name="hl" />
<input type="submit" value="Búsqueda Google" name="btnG" />
&n bsp; &nbs p;
<span class="Estilo17"><img src="../imagenes/sobre.jpg" alt="sobre" width="25" height="15" /> <a href="contactos.php" class="Estilo12 Estilo30">Contáctanos </a></span><span class="Estilo28"> </span><span class="Estilo28"> <img src="../imagenes/user.png" alt="user" /></span><span class="Estilo17"> <a href="control_de_usuarios.php" class="Estilo12 Estilo30">Usuario:Login </a></span> </div>
---------------------------------------------------------------------------------------------
CSS:
@charset "utf-8";
* {
margin:0px;
padding:0px;
}
body {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
background: #666666;
margin: 0; /*
padding: 0;
text-align: center;
color: #000000;
}
.twoColLiqRtHdr #container {
width: 100%;
margin: 0 auto;
text-align: left;
}
.twoColLiqRtHdr #header {
width:100%;
background-color: #006633;
float: left;
position:relative;
}
.twoColLiqRtHdr #header h1 {
margin: 0;
padding: 0;
}
.twoColLiqRtHdr #Menu_Encabezado {
height: 40px;
width: 100%;
background-color: #FFFFFF;
float: left;
clear: both;
}
.twoColLiqRtHdr #header_0 {
width: 100%;
height: 40px;
background-color:#CFCFCF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
clear: both;
padding-top:4px;
padding-bottom:10px;
}
.cabecera{
color:#CCCCCC;
font-size:36px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left:100px;
background-color: #006633;
padding-top:20px;
}
.cabecera2{
color:#CCCCCC;
font-size:18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:100px;
padding-bottom:25px;
background-color: #006633;
padding-top:20px;
}
