nicht angemeldet
ie6-bug: kein border um listenelemente in div {position:relative
1 0 Danke
ie6-bug: kein border um listenelemente in div {position:relative
Hallo
Ich hab ein Problem mit dem Internet Explorer 6.
Wenn man in einem relativ positioniertem div-Element eine Liste erzeugt, in der jedem li-Element ein border-Attribut zugewießen ist, wird dieser Rahmen im ie6 nicht angezeigt.
Ein kurzes Beispiel:
<!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" xml:lang="de" lang="de">
<head>
<style type="text/css">
<!--
#test {
position: relative;
top: 2em;
left: 2em;
border: 1px solid #000;
width: 20em;
}
#test ul li {
font-size: 2em;
border: 1px solid #000;
}
-->
</style>
</head>
<body>
<div id="test">
<ul>
<li>TEST</li>
<li>test</li>
</ul>
</div>
</body>
</html>
Gibt es eine kurze Möglichkeit diesen Fehler zu umgehen? Hab schon eine ganze Weile probiert. Es passiert nur bei position: relative.
MfG Mathetyp
-
Hallo,
Gibt es eine kurze Möglichkeit diesen Fehler zu umgehen? Hab schon eine ganze Weile probiert. Es passiert nur bei position: relative.
#test ul li {
font-size: 2em;
border: 1px solid #000;Du kannst hier (
#test ul li) wohl einfach ebenfallsposition: relative;verwenden.Beim IE mitunter auch hilreich: ein zusätzliches float wie
ul {float:left;}.
(vgl. auch http://www.lipfert-malik.de/webdesign/tutorial/bsp/listenCSSmenu.html)Grüsse
Cyx23
-
Funktioniert. Vielen Dank.
MfG Mathetyp
-