Prueba a poner estas clases:
div {
border: 1px solid black;
}
ul {
border: 1px solid red;
}
li {
border: 1px solid green;
}
Verás como actuan las capas (div) en negro, las listas desordenadas (ul) en
rojo y sus items (li) en verde. Tanto en explorer, firefox como otros
navegadores.
Ponle una clase a la primera lista ul y en ella especifica el siguiente
valor:
margin-top: -5px;
Ohhhh! desapareció el margen superior. Habrán mejores maneras y más
eficientes, así que si alguien conoce alguna mejor, bienvenida será.
Hacer lo mismo para la 2ª lista.
El día 15/07/05, Fernando Seves <[EMAIL PROTECTED]> escribió:
>
> Hola a todos, tengo un problemilla con dos divs (cabecera y
> menusuperior) dentro de otro div contenedor.
> Resulta que en Firefox, Opera y Netscape me crea un indeseable espacio
> en blanco entre los divs cabecera y menusuperior pero IE no lo hace.
> Creo que puede estar relacionado con el Box Model peor no estoy seguro
> ¿Podríais ayudarme por favor?
>
> un saludazo
>
> Os adjunto HTML >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>
> <div id="contenedor">
> <div id="cabecera">
> <ul >
> <li ><a href="#">Item one</a></li>
> <li><a href="#">Item two</a></li>
> <li><a href="#">Item three</a></li>
> <li><a href="#">Item four</a></li>
> <li><a href="#">Item five</a></li>
> </ul>
> </div>
> <div id="menuprincipal">
> <ul >
> <li ><a href="#">Item one</a></li>
> <li><a href="#">Item two</a></li>
> <li><a href="#">Item three</a></li>
> <li><a href="#">Item four</a></li>
> <li><a href="#">Item five</a></li>
> </ul>
> </div>
> </div>
>
> CSS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>
> /* Tags Globales */
> body {
> margin:0;
> padding:0;
> text-align:center;
> background:#fff;
> }
> /* Definicion del contenedor */
> #contenedor{
> width:750px;
> margin:50px auto 0;
> text-align:left;
> padding:0;
> /* auto con un width permite centrar el contenedor en el centro */
> }
> /* Definicion de la cabecera. Sera una imagen de fondo con una lista*/
> #cabecera{
> background-image:url(/g/cabeceraprincipal.gif);
> background-repeat:no-repeat;
> background-color:#FF9933;
> height:118px;
> padding:0;
> text-align:right;
> font-size:80%;
> padding:5px 10px 0 0;
> }
> #cabecera li{
> display: inline;
> list-style-type: none;
> padding-right: 10px;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> }
> #cabecera li a,a:active,a:link {
> color:#000099;
> text-decoration:none;
> }
> #cabecera li a:hover {
> color:#0000FF;
> text-decoration:underline;
> }
> #menuprincipal{
> background-image:url(/g/fondo_menu1.jpg);
> background-repeat:no-repeat;
> height:25px;
> text-align:right;
> font-size:80%;
> margin:0;
> padding:0;
> border:0;
> }
> #menuprincipal li{
> display: inline;
> list-style-type: none;
> padding-right: 10px;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> }
> #menuprincipal li a,a:active,a:link {
> color:#000099;
> text-decoration:none;
> }
> #menuprincipal li a:hover {
> color:#0000FF;
> text-decoration:underline;
> }
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
--
Salu2:
MARTIN desde Valencia (ESPAÑA)
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
