Foros del Web » Creando para Internet » CSS »

css Para menu funciona en IE pero no en FF

Estas en el tema de css Para menu funciona en IE pero no en FF en el foro de CSS en Foros del Web. Buenas gente, tengo un pequeño gran problema, y es que cuando muestro mi pagina en FF se me desplaza el menu y se me corre ...
  #1 (permalink)  
Antiguo 28/01/2009, 19:49
 
Fecha de Ingreso: octubre-2008
Mensajes: 5
Antigüedad: 9 años, 1 mes
Puntos: 0
css Para menu funciona en IE pero no en FF

Buenas gente, tengo un pequeño gran problema, y es que cuando muestro mi pagina en FF se me desplaza el menu y se me corre todo perdiendo la visual de la misma. En IE funciona de mavaravilla, me podran ayudar por favorrrr!!!!

Aqui les dejo el css y la pagina de index mas abajo

CSS:
************************************************** ***************
/* COMMON */
.body{ background-image: url(fs_files/tpl_img/background-repeat.jpg); background-repeat: repeat; padding-top: 10px; padding-bottom: 10px; }
#content { margin:auto; width:790px; }
body, html{
margin:0px;
padding:0px;
font-family:sans-serif, arial, helvetica;
}

.letracapital:first-letter {font-size: 150%;}


.mayor {font-size:16px;}



/* HEADER */
#header { background-image: url(fs_files/tpl_img/header.png); background-repeat: no-repeat; height: 150px; width: 788px; clear:both; position:relative;}
#header .logo { float: left; padding-top: 42px; padding-left: 40px; }
#header .title { float:left; }
#header .title a { font-family:sans-serif, tahoma, verdana; font-size:22px;color:#234646;font-weight:bold;text-decoration:none; }
#header .slogan{clear:both; float:left;font-size:11px;color:#959595;font-family:sans-serif, tahoma, verdana; }
#header .nexttopicture {
float:left;
padding-top:45px;
padding-left:10px;
}
.menulinks{position:absolute; left:0px;bottom:0px; clear:both;padding-top:1%;padding-left:5%; }
.menulinks ul, .menulinks li{margin:0;padding:0; }
.menulinks li{display: inline;list-style-type: none;padding-right:5px;float:left; }
.menulinks li a
{
color: #FFFFFF;
font-size: 12px;
font-family: sans-serif, tahoma, verdana;
text-decoration: none;
display: block;
height: 22px;
padding-left: 4px;
padding-right: 4px;
padding-top: 7px;
width: 100%;
float: left;
clear: none;
text-indent: 1%;
text-align: justify;
}
.menulinks li a:hover{background-color:#474747; }

/* CENTER */
#repeatme{background-image: url(fs_files/tpl_img/content_repeat.png);background-repeat: repeat-y; width:788px; }
#center{background-image: url(fs_files/tpl_img/contenido_bg.png);background-repeat:no-repeat;background-position: 14px bottom;padding-left:26px;height:100%}
#deco_1{text-align:left;padding-top:10px;padding-bottom:10px;padding-left:1px }

/* MENU */
#menu {width:172px;margin-right:8px;float:left; }
#menu .top{height:10px;width:100%;background-image: url(fs_files/tpl_img/menu_top.jpg);background-repeat: no-repeat; line-height:1px; font-size:1px; }
#menu .middle{background-color:#224A61;padding-right:10px;padding-left:10px; }
#menu .middle a{display:block;color:#FFFFFF;text-decoration:none;font-family:sans-serif, arial, tahoma;padding-bottom:6px;padding-top:9px;font-size:14px;border-bottom-style:solid;border-bottom-color:#4E6E81;border-bottom-width:1px;padding-left:5px; }
#menu .middle a:hover{color:#CCCCCC; }
#menu .bottom{height:20px;width:100%;background-image: url(fs_files/tpl_img/menu_bottom.jpg);background-repeat: no-repeat;background-position:bottom;background-color:#224A61; line-height:1px; font-size:1px;}

/* CONTENIDO */
#contenido2{padding-top:10px;padding-left:12px;float:right;font-family:sans-serif,arial, tahoma;font-size:12px; width:730px;padding-right:40px;color:#FFFFFF;}
/*#s_contenido{font-family:sans-serif,arial, tahoma;font-size:12px; color:#FFFFFF;}*/
.clearboth{clear:both; height:1px;font-size:1px;line-height:1px;width:1px;}


/* FOOTER */
#footer{background-repeat: no-repeat;background-image: url(fs_files/tpl_img/footer.png);margin:auto;height:61px;width:790px;cl ear:both;padding-top:10px; }
#footer .whiteline{width:500px;height:1px;background-color:#FFFFFF;margin:auto; line-height:1px;font-size:1px; }
#footer .links{color:#FFFFFF;font-size:11px; padding-top:5px;text-align:center; }
#footer .links a{color:#FFFFFF;font-size:11px;font-family:sans-serif;text-decoration:none; }
#footer .copyright{padding-top:2px;color:#999999;font-size:10px;font-family:sans-serif;text-align:center; }
.firmas { text-align:center;padding-top:5px; font-size:11px;color:#CCCCCC;display:block;}
.firmas a { text-decoration:none; color:#CCCCCC; }

/* FORMULARIO */
.form { padding: 20px; padding-top:40px; }
.form .left{ color:#666666; font-size:12px; text-align:right; padding-right:5px; }
.form input {
background-color: #E5EDFA;
border: 1px solid #999999;
font-size: 16px;
color:#333333;
padding-left: 5px;
padding-top: 5px;
font-family:sans-serif, arial;
}
.form textarea{
background-color: #E5EDFA;
border: 1px solid #999999;
font-size: 16px;
color:#333333;
padding-left: 5px;
padding-top: 5px;
font-family:sans-serif, arial;
}
.form td {
padding-bottom:10px;
}
.form .asterisco {
color:#CC0000;
font-weight:bold;
padding-right:3px;
}
.seccion_titulo {
font-size:25px;
font-family:sans-serif;
color:#20455A;
display:block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-bottom:3px;
width:550px;
}
.datos_contacto {
font-weight:bold;
padding-top:5px;
padding-left:5px;
line-height:18px;
}
.datos_contacto a {
text-decoration:none;
color:#0066CC;
}
.extrapadding{
line-height:1px;
font-size:1px;
height:5px;
width:100%;
}
.boton .l {
width:5px;
height:32px;
float:left;
background-image: url(fs_files/tpl_img/boton_l.png);
background-repeat: no-repeat;
}
.boton .c {
padding-top:0px;
width:auto;
color:#fff;
cursor:pointer;
border:0px;
border:none;
height:32px;
float:left;
background-image: url(fs_files/tpl_img/boton_c.png);
background-repeat: repeat-x;
}
.boton .r {
width:5px;
height:32px;
float:left;
background-image: url(fs_files/tpl_img/boton_r.png);
background-repeat: no-repeat;
display:block;
}

************************************************** ***************
INDEX:
************************************************** ***************
<!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=iso-8859-1"/>
<title></title>
<meta name="description" content="Pagina de Prueba Menu"/>
<meta name="author" content=""/>
<meta name="copyright" content=""/>
<meta name="keywords" content=""/>
<link href="./master.css" rel="stylesheet" type="text/css"/>
<link href="./content_styles.css" rel="stylesheet" type="text/css"/>
</head>
<body class="body">
<div id="content">
<div id="headerie6">
<div id="header" style="left: 0px; top: 0px; height: 248px">
<div class="logo" style="width: 745px">
<a href="index.html">
<img src="fs_files/predefined/MiHeader.jpg" alt="Imagen.jpg" border="0" class="Logo_Probar" style="height: 150px; width: 707px;"/>
</a>
</div>

<div class="menulinks">
<ul>
<li><a href="index.html" target="_self" title="HOME"><div class="letracapital">HOME</div></a></li>
<li><a href="el_estudio.html" target="_self" title="EL ESTUDIO"><div class="letracapital">EL ESTUDIO</div></a></li>
<li><a href="servicios_a_particulares.aspx" target="_self" title="SERVICIOS A PARTICULARES"><div class="letracapital">SERVICIOS A PARTICULARES</div></a></li>
<li><a href="servicios_a_empresas.aspx" target="_self" title="SERVICIOS A EMPRESAS"><div class="letracapital">SERVICIOS A EMPRESAS</div></a></li>
<li><a href="newsletter.html" target="_self" title="NEWSLETTER"><div class="letracapital">NEWSLETTER</div></a></li>
<li><a href="contacto.html" target="_self" title="CONTACTO"><div class="letracapital">CONTACTO</div></a></li>
</ul>
</div>
</div>

<div id="repeatme">
<div id="center">
<div id="deco_1">
<img src="./fs_files/tpl_img/img_1.jpg" alt="" border="0" style="left: -13px; width: 760px; position: relative; top: -10px; height: 192px"/>&nbsp;
</div>

<div id="contenido2">
<table width="730">
<tr><td align="center" valign="top" style="height: 30px"><i><span class="mayor">"BIENVENIDO AL SITIO DEPRUEBA DE MENU"</span></i></td></tr>
<tr></tr>
<tr><td align="right" style="height: 17px">Welcome</td></tr>

</table>
</div>

<div class="clearboth"></div>
</div>
</div>
</div>

<div id="footer">
<div class="whiteline"></div>
<div class="links">
<a href="index.html" target="_self">HOME</a> |
<a href="el_estudio.html" target="_self">EL ESTUDIO</a> |
<a href="servicios_a_particulares.aspx" target="_self">SERVICIOS A PARTICULARES</a> |
<a href="servicios_a_empresas.aspx" target="_self">SERVICIOS A EMPRESAS</a> |
<a href="newsletter.html" target="_self">NEWSLETTER</a> |
<a href="contacto.html" target="_self">CONTACTO</a> |
</div>

<div class="copyright">Copyright (c) 2008.</div>
</div>
<span class="firmas">Powered by <a href="http://www.pepito.com" target="_blank">Pepito</a></span>
</div>
</body>
</html>

************************************************** ***************

Última edición por machiarella; 29/01/2009 a las 05:48
  #2 (permalink)  
Antiguo 29/01/2009, 11:24
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: css Para menu funciona en IE pero no en FF

primero que nada cambia esto, no existe

Código:
.body{ background-image: url(fs_files/tpl_img/background-repeat.jpg); background-repeat: repeat; padding-top: 10px; padding-bottom: 10px; }
solo coloca body sin el punto por que no es una clase y quita el <body class="body"> es solo body
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 30/01/2009, 12:07
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: css Para menu funciona en IE pero no en FF

Pregunto:

Esto soluciono el problema?

__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #4 (permalink)  
Antiguo 30/01/2009, 15:07
Avatar de poison_mayer  
Fecha de Ingreso: julio-2008
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 2
Respuesta: css Para menu funciona en IE pero no en FF

debes agregar un ancho a esta clase
Código:
.menulinks{position:absolute; left:0px;bottom:0px; clear:both;padding-top:1%;padding-left:5%; width:150px}
__________________
longtemps je me suis couché de bonne heure
  #5 (permalink)  
Antiguo 08/02/2009, 13:54
 
Fecha de Ingreso: octubre-2008
Mensajes: 5
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: css Para menu funciona en IE pero no en FF

Cita:
Iniciado por willyfc Ver Mensaje
primero que nada cambia esto, no existe

Código:
.body{ background-image: url(fs_files/tpl_img/background-repeat.jpg); background-repeat: repeat; padding-top: 10px; padding-bottom: 10px; }
solo coloca body sin el punto por que no es una clase y quita el <body class="body"> es solo body

Gracias, pero esto no tiene nada que ver con el problema que planteo.
  #6 (permalink)  
Antiguo 08/02/2009, 13:55
 
Fecha de Ingreso: octubre-2008
Mensajes: 5
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: css Para menu funciona en IE pero no en FF

Cita:
Iniciado por poison_mayer Ver Mensaje
debes agregar un ancho a esta clase
Código:
.menulinks{position:absolute; left:0px;bottom:0px; clear:both;padding-top:1%;padding-left:5%; width:150px}
Poison, gracias por la respuesta!! Probe con lo que sugerís pero el problema persiste, alguna otra idea?
  #7 (permalink)  
Antiguo 08/02/2009, 20:22
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: css Para menu funciona en IE pero no en FF

Ok, fijate que veo tu codigo CSS y tu HTML, lo copio y todo, pero el problema es que usas muchas imagenes, por lo que (como yo no tengo tus imagenes) no puedo ver en su totalidad el problema, por lo que te pediria que pusieras una pagina donde podamos ver tu web, y asi entenderlo mejor...

Gracias!

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
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 04:04.