Comunidad de diseño web y desarrollo en internet online

Bug en IE..?

Citar            
MensajeEscrito el 29 May 2009 04:31 pm
Buenas.. queriendo hacer un menu.. hize algunas pruebas.. y encontre la siguiente diferencia.. Firefox, Safari, Chrome y IE8 no generan un margen arriba... en cambio todas las otras versiones del IE sí... Este es el código...

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="estilo.css" />
<title>Documento sin título</title>
</head>

<body>
<div id="menu-servicios">
   <ul id="categorias">
       <li>
           <h4 id="uno" class="izquierda"></h4>
                <ul class="lista-servicios">
                    <li>PHP</li>
                    <li>CSS</li>
                    <li>JAVASCRIPT</li>
                    <li>FLASH</li>      
                    <li>XML</li>                                      
           </ul>
        </li>  
    </ul>
</div>
</body>
</html>


CSS

Código :

* {
   margin:0;
   border:0;
   padding:0;
   }

#menu-servicios{
   background:#00F;
   height:300px;
   width:250px;

   }
#menu-servicios ul{
   list-style:none;
   }


Algo bien simple.. pero que me causo muchos problemas al final.. porque al agregar otro LI para categorias.. sale todo de estructura.. A Alguien le paso algo parecido.?
El h4 que agrego es para poner una imagen al costado.. O si alguien sabe otra forma más facil de hacer.. se los agradecería mucho.. Esto es mas o menos lo que quiero hacer..

Por HernanGaleano

2 de clabLevel



 

Paraguay

firefox
Citar            
MensajeEscrito el 01 Jun 2009 03:23 pm
Puede que el problema este en las listas, ya que estas tienen un margin, un padding y un style-type...

Indicale a las listas en tu CSS que no lleven estos atributos:

Código :

#menu-servicios ul{
   margin: 0 auto;
   padding: 0;
   list-style:none;
}


Saludos! :)

Por Necrophasto

Claber

148 de clabLevel



Genero:Masculino  

Diseñador gráfico y web

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.