Foros del Web » Creando para Internet » CSS »

problema con margenes en menu

Estas en el tema de problema con margenes en menu en el foro de CSS en Foros del Web. Hola a todos Estoy teniendo problemas con un menu vertical, pues se ve bien en explorer, pero los margenes o la posicion de mi menu ...
  #1 (permalink)  
Antiguo 19/06/2007, 09:30
 
Fecha de Ingreso: mayo-2006
Mensajes: 131
Antigüedad: 11 años, 6 meses
Puntos: 1
problema con margenes en menu

Hola a todos

Estoy teniendo problemas con un menu vertical, pues se ve bien en explorer, pero los margenes o la posicion de mi menu cambia de aspecto al visualizarlo con el firefox.


Aqui mando el codigo, por si alguien tuviera un poquito de tiempo..
Puse en rojo el menu del que hablo..

Muchas gracias.





/* CSS Document */

body{

background-color:#FFFFFF;

text-align:center;


}

#container {

margin-left:auto;

margin-right:auto;

width:660px;


}


#header {

width:660px;

height:204px;

margin-bottom:4px;
}


#logo_ {

background:#0066FF url(images/logo.gif) no-repeat;

float:left;

width:203px;

height:204px;
}



#menu_ {


background:#0066FF url(images/menu.jpg) no-repeat;

float:right;

width:452px;

height:204px;


}



#menu_ ul {

color:#FFF;

margin: 0;

margin-left:140px;

padding: 0;

list-style: none;

height:10px;

width:300px;



}


#menu_ ul li{

margin: 175px 0 7px 0px;

padding:2px 0px 2px 0px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

font-weight:bold;

color:#FFF;

float:left;

width:75px;

height:10px;

float:left;


}

.hmenu{


font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

font-weight:bold;

color:#FFF;

text-decoration:none;


}




#menu_ a:hover{


color:#FEAA41;



}

#content_ {

float:right;

width:452px;

height:419px;

clear:both;

background-color:#538bf7;
}


h1 {

background:#538bf7 url(images/bienvenidos.gif) no-repeat;

width:179px;

height:37px;

margin-left:245px;

margin-top:25px;
}


p{


font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFF;

text-algin: left;

margin:7px 12px 0px 10px;

padding:7px 12px 0px 10px;

text-align:left;

}

#left-nav_ {

float:left;

clear:left;

width:203px;

height:420px;

background-color:#538bf7;
}



#left-nav_ ul {

color:#FFF;

margin-top:30px;

margin-left:25px;

list-style: none;

text-align:left;






}


#left-nav_ ul li{

margin: 0 0 0 0;

padding: 0 0 0 10px;

width:100px;

height:10px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

font-weight:bold;

color:#FFF;

background-image:url("images/bullet_blanco.gif");

background-repeat:no-repeat;

background-position:left;



}

#left-nav_ .vmenu{


font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#FFF;

text-decoration:none;


}
#footer_ {

background:#fff url(images/footer.gif) no-repeat;

clear:both;

width:663px;

height:30px;

margin-top:4px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#FFF;

padding: 10px 0 0 0px;



}
__________________
flora
  #2 (permalink)  
Antiguo 19/06/2007, 15:29
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
Re: problema con margenes en menu

HOla

Aqui creo, esta el problema

padding: 0 0 0 10px;

los ,como siempre, navegadores "en ¡¡¡competencia!!!", trituran el codigo para que salga diferente.
vete tu a saver quien.! ...

Estas competencias significan tener que obviar propiedades en uno para no modificar las propiedades del otro, y viceversa. ,lo que provoca una tormenta de codigo para corregir estas disfunciones del objeto navigator.

El padding puede ser.

salud os

Última edición por programeitor; 19/06/2007 a las 15:38 Razón: ampliacion
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 02:47.