CSS-Positionierung: Verschiebung beim IE

Computer: Software & Programmierung HTML & CSS
#1

Hallo,
kann mir jemand sagen, warum es auf dieser Seite

http://www.sprak-og-data.com/opplev/1om_leikanger_no…

eine Verschiebung des grünen Kopf- und Fussbalkens im Internet Explorer gibt, während sie anscheinend in Firefox und Opera richtig dargestellt werden? Und was muss ich machen, damit der IE es auch so darstellt?

Das ist der Seitencode:

und das steht in der CSS-Datei:

#Rahmen
{
margin:0 auto;
position:relative;
width: 800px;
height:600px;
border-width:1px;
border-style:solid;
border-color:#336666;
z-index:3;
background-image:url(grafik/WappenHintegrund.jpg);
background-repeat:no-repeat;
background-position:top right;
}

#linie_kopfzeile
{
position:absolute;
top:97px;
left:17px;
z-index:2;
}
#linie_fusszeile
{
position:absolute;
bottom:28px;
left:17px;
z-index:2;
}

Gruß Karen

#2

Hallo Karen,

Du könntest extra für dieses Element an dieser Stelle den Code mit einer Browserweiche aufspalten. (http://www.google.de/search?hl=de&ei=Mpb4SbapEJn4_Aa…)

Ist zwar nicht die schönste Methode, erspart Anfängern aber zunächst einmal Kopfschmerzen.

Schöne Grüße,

Mohamed.

#3

Hallo Mohamed,

ja, sieht nach einer Möglichkeit aus. Ich werde es mal ausprobieren.
Vielen Dank für den Tipp!

Gruß Karen

#4

Hier kann ein CSS-Hack für den IE weiterhelfen:
Beispiel:

top: 80px;
*top: 100px;

Eine Deklaration mit nem * am Anfang kann vom Firefox nicht gelesen werden, deshalb nimmt Firefox die 80px, aber der IE hat keine Probleme damit und überschreibt die Deklaration 80px wieder mit den 100px.

Sprich: alle angaben die beim IE von denen des Firefox varieren, können nach diesem Schema angepasst werden.

#5

Ich habe das selbe Problem auf www.startseitensuche.de - vielleicht hat ja jemand eine Lösung, Danke.