Amy666
Threadersteller
Dabei seit: 18.06.2008
Ort: -
Alter: 39
Geschlecht:
|
Verfasst Mo 18.08.2008 10:09
Titel Browser-Problem |
|
|
Hallo, also ich habe ein Dropdownmenü, welches mit Spry in Dw erstellt wurde.
Die höhe des Sub-menü definiert DW dabei selbst bzw. gleich hoch wie das Hauptmenü.
Ich habe dann eine höhe für das Sub-menü nachträglich definiert.
Dieses hat in Safari auch geklappt nur in allen andern Browsern nicht.
dort wird die gleiche höhe wie des Haupt-menü angezeigt (was aber viel zu groß ist)
Hier mal der Code vom CSS ich hoffe es kann mir jemand helfen.
Code: |
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 218px;
}
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: 218px;
}
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: 218px;
height:15px; <---- hier habe ich die Höhe hinzugefügt
left: -1000em;
top: 0;
}
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
}
ul.MenuBarVertical ul li
{
width: 218px;
}
ul.MenuBarVertical
{
border: 0px solid #CCC;
}
ul.MenuBarVertical ul
{
border: 0px solid #CCC;
}
ul.MenuBarVertical a
{
display: block;
cursor: pointer;
color: ##FFF;;
text-decoration: none;
}
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
color: #FFF;
}
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-image: .../img_web/button2-over.png;
color: #FFF;
}
ul.MenuBarVertical a.MenuBarItemSubmenu
{
background-image: .../img_web/button2.png;
background-repeat: no-repeat;
}
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
background-image: .../img_web/button2-over.png;
background-repeat: no-repeat;
}
{
position: absolute;
z-index: 1010;
}
|
|
|