error de maquetación

[jochite]

Entre el menu de encabezado y el header:0 hay un espacio en blanco que no
consigo eliminar. En el header_0 al crear el formulario para el buscador de
google es cuando se genera este distanciamiento entre encabezados y no
termina de ajustarse. Haber si por favor pudieraís ayudarme a resolver el error.

----------------------------------------------------------------------------
<div id="Menu_Encabezado">
</div>
----------------------------------------------------------------------
<div id="header_0">
<FORM action=http://www.google.com/search method=get>
</span> <span class="Estilo8"><span class="Estilo8">
<span class="Estilo64">
<div align="center"><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>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input maxlength="255" size="31" name="q" />
<input type="hidden" value="es" name="hl" />
<input type="submit" value="Búsqueda Google" name="btnG" />


<span class="Estilo17">&nbsp; &nbsp; <img src="../imagenes/sobre.jpg" alt="sobre" width="25" height="15" />&nbsp; <a href="contactos.php" class="Estilo12 Estilo30">Contáctanos</a>&nbsp; &nbsp; </span><span class="Estilo28"></span><span class="Estilo28"><img src="../imagenes/user.png" alt="user" /></span><span class="Estilo17">&nbsp; <a href="control_de_usuarios.php" class="Estilo12 Estilo30">Usuario:Login </a></span></div>
</form>
</div>

---------------------------------------------------------------------------------------------
CSS


.twoColLiqRtHdr #Menu_Encabezado {
height: 45px;
width: 100%;
background-color: #FFFFFF;
float: left;
clear: both;
}

.twoColLiqRtHdr #header_0 {
width: 100%;
height: 30px;
background-color:#CFCFCF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
clear: both;
padding-top:6px;


}

[hades87]

fíjate que el header tiene un padding-top de 6 px

[jochite]

Te envio el link de la web: www.ippcv.org para que veas como me queda
después de quitar el padding-top:6px;

Y por otro lado según abres la página con un navegador u otro el texto
se escora a la izquierda o a la derecha.

Gracias

[kseso?]

a #menuencabezadocambia el valor de 'height:auto'

[Mikmoro]

Tienes un alto en esa caja, y luego su contenido es menor:

.twoColLiqRtHdr #Menu_Encabezado {background-color:#FFFFFF;
clear:both;
float:left;
height:40px;
width:100%;
}

Cámbialo por 30px, por ejemplo, a ver què pasa.