Ver Mensaje Individual
  #6 (permalink)  
Antiguo 11/03/2008, 08:44
caribeanpirate
 
Fecha de Ingreso: diciembre-2007
Mensajes: 17
Antigüedad: 16 años, 4 meses
Puntos: 0
Re: Problemas con menu horizontal hecho con display:inside

Bien. En IE7 (no he podido probarlo en IE6) no hay problemas en cuanto al ancho pero si que lo hay en la altura. Solo veo el la imagen de fondo detrás del texto. Por encima y por debajo no ha cogido el padding.
Os vuelvo a poner el código tal como va quedando:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3c.org/1999/xhtml\" xml:lang="es" lang="es">

<head>

<title></title>



<link rel="stylesheet" type="text/css" href="nautica.css" />

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />



</head>

<body>



<div id="menu">



<div class="xx">Inicio&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>

<div class="xx">Ventas&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>

<div class="xx">Alquiler&nbsp;&nbsp;&nbsp;</div>

<div class="xx">Excursiones</div>

<div class="xx">Contacta&nbsp;&nbsp;&nbsp;</div>



</div>



</body>

</html>

----------------------------------------------------------------------------------------------------

#menu{
width:970px;
height:50px;
}
.xx{
font-family:courier;
font-size:.8em;
width:163px;
height:44px;
padding: 10px 25px 10px 50px;
background-image:url(imagenes/m1.jpg);
background-repeat:no-repeat;
display:inline;
}
--------------------------------------------------------------------------------

A ver si alguien encuentra el problema y la solución