IE Problem mit Darstellung von Div
Hajo
- css
Hallo zusammen,
nach verzweifeltem Suchen ohne eine Lösung zu finden nun meine Frage als newbie an Euch: woran liegt es in folgendem, dass Opera, FF und Chrome auf der linken Seite bei einem Darüberfahren mit der Maus ein Mennu einblenden und der IE zeigt noch nicht mal das div in der vorgegebenen Höhe? Hier CSS:
<style type="text/css">
body
{
font-family: Verdana, Arial, Helvetica;
font-size: 12pt;
}
#menu
{
float: left;
background-image: url(images/menu-pfeil2.png);
background-repeat: no-repeat;
min-height: 400px;
width: 67px;
}
#menu_pos
{
visibility: hidden;
min-height: 400px;
margin-right: 5em;
}
#menu:hover
{
background-position: right;
width: auto;
}
#menu:hover div#menu_pos
{
visibility: visible;
}
img
{
border: none;
}
a
{
text-decoration: none;
}
</style>
und HTML:
<body>
<div id="menu" >
<div id="menu_pos">
<p>Seite 1</p>
<p>Seite 2</p>
<p>Seite 3</p>
<p>Seite 4</p>
</div>
</div>
</body>
Das Ganze könnt Ihr auch hier sehen seitliches Menu
Hi,
woran liegt es in folgendem, dass Opera, FF und Chrome auf der linken Seite bei einem Darüberfahren mit der Maus ein Mennu einblenden und der IE zeigt noch nicht mal das div in der vorgegebenen Höhe?
Vermutlich am Quirks Mode.
MfG ChrisB
Hallo ChrisB,
danke für die schnelle Antwort,
Vermutlich am Quirks Mode.
genau das war es!
viele Grüße
Hajo
Om nah hoo pez nyeetz, Hajo!
<body>
> <div id="menu" >
> <div id="menu_pos">
> <p>Seite 1</p>
> <p>Seite 2</p>
> <p>Seite 3</p>
> <p>Seite 4</p>
> </div>
> </div>
> </body>
>
deine Menüpunkte sind semantisch keine Absätze. Verwende eine ungeordnete Liste.
Matthias