nicht angemeldet
Hallo zusammen,
ich habe da ein Problem und weiß nicht weiter!
Ich versuche mich gerade an einer Page, die an für sich recht simpel aufgebaut ist: Das Layout an sich ist ein Bild, darauf positioniere ich mit div-Ebenen die jeweiligen Bereiche (Menü, Textfenster, usw) und für die Textformatierung verwende ich eine extrene .css-Datei.
Leider funktioniert das nicht in beiden Browsern (IE & Firefox) gleich, es scheint ein Problem mit den Pixelabständen von oben (style="position:absolute; top:31px; .....) zu geben.
So soll es an für sich aussehen (mit Firefox):
http://www.lunay.net/shtml1.jpg
Ein schwarzer Balken (hier: einfach ein Hintergrundbild) und wenn man über einen Link fährt, wird der Texthintergrund weiß & verbindet sich mit dem weißen Hintergrund, das es optisch gut wirkt.
IE braucht aber fast 20px mehr Abstand von oben um es an den gleichen Platz zu bringen, wie man sieht ist hier alles hochgerutscht und nichts ist mehr lesbar (gleicher Pixelabstand von oben, nur eben IE statt Firefox):
http://www.lunay.net/shtml2.jpg
Dann habe ich versucht den Hintergrund der div-Ebene, die das Menü bildet /positioniert, einfach schwarz zu färben anstatt ein Bild als Hintergrund zu nehmen (ob das Menü nun 20px höher oder tiefer liegt ist mir egal, es soll nur eben den Effekt ergeben das bei 'hover' die weiße Linkunterliegung an den weißen Hintergrund angrenzt!).
Leider hat das auch nicht so geklappt wie ich es mir vorgestellt habe, denn er macht den Balken deutlich größer als die Schrift an sich:
http://www.lunay.net/shtml3.jpg
(das obere ist Firefox, das untere ist IE mit der Eingabe "div#menue2 {background-color: #000000;}" in der externen .css-Datei.)
Durch die "height: ... px;" kann ich die Höhe der schwarzen Hintergrundbalken leider auch nicht ändern, höchstens vergrößern :(
Ich hoffe jemand kann mir helfen,
lieben Dank schonmal!
Judy