Anzeigefehler IE

[resterampe]

meine Seite:
http://alles-ausser-banane.de

meine CSS:
http://alles-ausser-banane.de/style/de/screen.css
http://alles-ausser-banane.de/style/de/ie.css

mein Problem:
am unteren und oberen Seitenrand ist eine durchgängige Linie die im Bereich des Menüs die Farbe ändert. Der IE zeigt die untere Linie im Bereich des Menüs nicht oder nur teilweise an.

Ich wäre dankbar für jeden Tip, Link oder Lösungsvorschlag

Danke
Julian

 

[resterampe]

#nav { position:fixed; left:0; top:0; height:100%; width:155px; background:#fff -17px 0; font-size:11px; color:#fff; z-index:5; }

#nav .top {  position:fixed; margin:0; padding:0; left:0; top:0; display:block; width:155px; height:100px; background:transparent; z-index:7; border-bottom:1px solid #fc6; }

#nav .bottom { position:fixed; margin:0; padding:0; bottom:0; left:0; display:block; width:180px; height:18px; background-color:transparent; z-index:7; border-top:1px solid #fc6; }

#nav2 { position:fixed; left:155px; top:0; bottom:0; height:100%; margin:0 0 18px 0; width:180px; background:#fc6; font-size:11px; color:#fff; z-index:6; overflow:auto; }

#nav2 .top {  position:fixed; margin:0; padding:0; left:155px; top:0; display:block; width:180px; height:100px; z-index:7; border-bottom:1px solid #ff9; }

#nav2 .bottom { position:fixed; margin:0; padding:0; bottom:0; left:155px; display:block; width:180px; height:18px; background-color:#fc6; z-index:7; border-top:1px solid #ff9; }

Für den IE

* html #nav { position:absolute; }
* html #nav .top { height:103px; }
* html #nav #background { position:absolute; margin:-104px 0 0 0; }
* html #nav .bottom { position:absolute; }

* html #nav2 { position:absolute; overflow:hidden; }
* html #nav2 .top { height:103px; }
* html #nav2 .menu { margin:10px auto 0 auto; width:140px; }
* html #nav2 .bottom { position:absolute; }

Ich konnte mein Problem schon eingrenzen, es liegt an dem

* html #nav2 .bottom { position:absolute; }

Wenn ich es weglasse wird der Balken zwar angezeigt, aber an falscher Stelle...

Julian

 

[Maik]

Hallo,

versuche doch mal, das DIV.bottom mit dem entsprechenden margin-top-Wert an seine gewünschte Position zu 'schieben'.

 

[resterampe]

funktioniert leider nicht, habe es gerade nochmal getestet.

Versuche grade den ein oder anderen Workaround...
bis jetzt leider ohne Erfolg.

Danke
Julian

Edit:
habe jetzt eine "Lösung" gefunden,leider muss ich jetzt bei jeder Änderung des Menüs das Design anpassen...

Für weitere Ideen wäre ich dankbar

Julian

 

[Maik]

Mein Vorschlag wird vom IE (6.0 | Win2000) einwandfrei übernommen:

* html #nav2 .bottom { margin-top: 214px; }

 

[resterampe]

Ich hatte gerade diese Code-zeile mit Werten bis 500px hochgeladen ohne irgendeinen Erfolg...
Kannst Du mir mal bitte ein Feedback geben ob das bei Dir jetzt vernünftig ausschaut?

 

[Maik]

Ich nehme alles zurück, denn das DIV befindet sich nun bei unterschiedlicher Fenstergröße immer an einer anderen Position ...

Das gleiche gilt für deinen Test.

 

[resterampe]

Verdammte Hacke...
das muss doch irgendwie gehen...

 

[Maik]

Meine Mittagspause ist gleich vorbei ..., werde heute Abend nochmal einen Blick drauf werfen

 

[resterampe]

Danke,
ich werde derweil noch ein wenig weiterraten...