Foros del Web » Creando para Internet » CSS »

Problema Spry menu dreamweaver cs3

Estas en el tema de Problema Spry menu dreamweaver cs3 en el foro de CSS en Foros del Web. Hola a todos tengo unos problemillas en mi web, sobre todo al utilizar diferentes navegadores. Los enumero y a ver si me podeis ayudar pq ...
  #1 (permalink)  
Antiguo 05/04/2009, 16:16
 
Fecha de Ingreso: marzo-2009
Mensajes: 95
Antigüedad: 8 años, 9 meses
Puntos: 0
Problema Spry menu dreamweaver cs3

Hola a todos tengo unos problemillas en mi web, sobre todo al utilizar diferentes navegadores.

Los enumero y a ver si me podeis ayudar pq estoy ya desperado!!!

1º El menu spry horizontal se ve distinto en IE y en FIREFOX, y no se que hacer pq se descentra en uno u en otro.

ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 90%;
cursor: default;
width: auto;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-left: -30px;
}

le pongo -30 para q se vea bien en IE7 pero en firefox claro sale a la izquierda, como hago para q se vea vien en los 2???

2º El otro es un problemon en IE6, el spry menu horizontal se ve y funciona; pero el menu vertical cuando te posicionas en el se desplaza donde quiere, además la foto del del div central que esta en un background se me desplaza hacia abajo.


(CSS SPRY VERTICAL)
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 90%;
cursor: default;
width: auto;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
ul.MenuBarActive
{
z-index: 1000;
}
ul.MenuBarVertical li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 200px;
}
ul.MenuBarVertical ul
{
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 200px;
left: -1000em;
top: 0;
}
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
}
ul.MenuBarVertical ul li
{
width: 220px;
}
ul.MenuBarVertical iframe
{
position: absolute;
z-index: 1010;
}
{
ul.MenuBarVertical li.MenuBarItemIE
{
display: inline;
f\loat: left;
background: #FFF;
}
}

(Codigo head)
<title>CEIP Las Higuerillas de Requena</title>
<!-- TemplateEndEditable -->
<link href="../twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal_lashiguerillas.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
color: #666666;
text-decoration: underline;
}
a:visited {
text-decoration: underline;
color: #660066;
}
a:hover {
text-decoration: none;
color: #009900;
}
a:active {
text-decoration: underline;
}
-->
</style>
<!--[if IE 6]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 6* en este comentario condicional */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]-->
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>


Se suponia que es if resolveria mis problemas pero nada!
No se que más información daros; el url no puedo todavía pq no tengo permisos.

Espero que haya alguien q consiga ayudarme!!! GRACIAS!
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 21:50.