[Ovillo] Diferencia IE/Firefox: espacio en blanco entre dos divs

2005-12-14 Por tema Bernat Lleonart
Hola,

Tengo este código, y no consigo saber por qué en IEwin me deja un
espacio en blanco entre el div menuprincipal y el div sombra. En
Firefox sí que lo veo bien.
A ver si alguien me puede ayudar.
Gracias por adelantado.

___

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html
head
title.../title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style type=text/css
#menuprincipal {
padding: 0;
margin: 0;
background-color: #000;
}

#menuprincipal ul {
padding-left: 0;
margin-left: 0;
background-color: #000;
color: #fff;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
}

#menuprincipal ul li {
display: inline;
}

#menuprincipal ul li a {
padding: 0.2em 2.5em;
color: #fff;
background-color: #000;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#menuprincipal ul li a:hover {
background-color: #ffab00;
color: #fff;
}

#sombra {
clear: both;
height: 10px;
background-color: gray;
/*background-image: url(imatges/ombra.gif);
background-repeat: repeat-x;*/
}
/style
/head
body
div id=menuprincipal
ul
lia href=#menu/a/li
lia href=#menu/a/li
lia href=#menu/a/li
lia href=#menu/a/li
lia href=#menu/a/li
lia href=#menu/a/li
lia href=#menu/a/li
/ul
/div
div id=sombra
/div
/body
/html
___
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diferencia IE/Firefox: espacio en blanco entre dos divs

2005-12-14 Por tema José Montes Cuadrado


Bernat Lleonart escribió:

Hola,

Tengo este código, y no consigo saber por qué en IEwin me deja un
espacio en blanco entre el div menuprincipal y el div sombra. En
Firefox sí que lo veo bien.
A ver si alguien me puede ayudar.
Gracias por adelantado.


Hola Bernat

prueba con esto:

#menuprincipal ul {
padding-left: 0;
margin-left: 0;
background-color: #000;
color: #fff;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
margin-bottom: 0;
}

jugando con los márgenes está la clave ;)

--
==#==
José Montes Cuadrado
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diferencia IE/Firefox: espacio en blanco entre dos divs

2005-12-14 Por tema Bernat Lleonart
Gracias! Si es que a veces lo tenemos delante de las narices y ni lo
vemos... En fin.

2005/12/14, José Montes Cuadrado [EMAIL PROTECTED]:

 Bernat Lleonart escribió:
  Hola,
 
  Tengo este código, y no consigo saber por qué en IEwin me deja un
  espacio en blanco entre el div menuprincipal y el div sombra. En
  Firefox sí que lo veo bien.
  A ver si alguien me puede ayudar.
  Gracias por adelantado.

 Hola Bernat

 prueba con esto:

 #menuprincipal ul {
 padding-left: 0;
 margin-left: 0;
 background-color: #000;
 color: #fff;
 width: 100%;
 font-family: arial, helvetica, sans-serif;
 font-size: 11px;
 margin-bottom: 0;
 }

 jugando con los márgenes está la clave ;)

 --
 ==#==
 José Montes Cuadrado
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diferencia IE/Firefox: espacio en blanco entre dos divs

2005-12-14 Por tema José Montes Cuadrado
Personalmente, cuando trabajo con propiedades que se puedan agrupar (o 
resumir) en una sóla propiedad, procuro utilizarlas para no liarme. En 
el caso de padding, margin, border... rara vez utilizo padding-left, 
margin-top o border-bottom..., sino, pej. padding:0 3px 0 4px (padding 
de 3px a la derecha y 4 a la izquierda). Te ayuda a evaluarlo todo de un 
vistazo y a no cometer errores.


Imagino que no te cuento nada nuevo.


Bernat Lleonart escribió:

Gracias! Si es que a veces lo tenemos delante de las narices y ni lo
vemos... En fin.




--
==#==
José Montes Cuadrado
GATEWAY, S.C.S.
http://www.gateway-scs.es
Paseo de Zorrilla, 89 - 1º A
C.P.: 47007 Valladolid (Spain)
Telf: (34) 983 137 188
Fax: (34) 983 137 189
E-mail: [EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo