Foros del Web » Creando para Internet » CSS »

error de maquetación

Estas en el tema de error de maquetación en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/06/2009, 14:59
 
Fecha de Ingreso: septiembre-2008
Mensajes: 185
Antigüedad: 9 años, 2 meses
Puntos: 1
error de maquetación

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;


}
  #2 (permalink)  
Antiguo 17/06/2009, 01:48
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: error de maquetación

fíjate que el header tiene un padding-top de 6 px
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 18/06/2009, 07:36
 
Fecha de Ingreso: septiembre-2008
Mensajes: 185
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: error de maquetación

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
  #4 (permalink)  
Antiguo 18/06/2009, 07:53
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: error de maquetación

a #menuencabezadocambia el valor de 'height:auto'
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 18/06/2009, 11:09
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: error de maquetación

Tienes un alto en esa caja, y luego su contenido es menor:
Cita:
.twoColLiqRtHdr #Menu_Encabezado {background-color:#FFFFFF;
clear:both;
float:left;
height:40px;
width:100%;
}
Cámbialo por 30px, por ejemplo, a ver què pasa.
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 17:55.