Hallo zusammen.
Ich bin gerade dabei mein HP-Design vollkommen neu zu machen und bei der Gelegenheit auch das alte Framelayout einzumotten und auf php includes umzustellen.
Dabei hat sich folgendes Problem ergeben. Meine Grafik-Navi wird vom IE ein Stück nach oben verschoben, während Firefox, Opera und Safari alles korrekt anzeigen.
Ist mit Worten schwer zu erklären, daher hab ich mal Bilder angehängt, wie der IE und Firefox das darstellen.
Falls die doch zu undeutlich oder zu klein sind:Imoilus FanFictions. Es geht um die roten Lesezeichen.
Und hier ist ein Teil des CSS-Code in dem die Navi formatiert wird. Sie umfasst im ganzen ja fünf Punkte, die aber abgesehen vom margin-top-Wert sind die alle genau so wie die unter a.b2 bzw. dem entsprechenden Hoverbereich.
Hab ich da einen Fehler drin?
Oder ist das ein bekanntes Problem des IE, dass sich nur mittels seperater CSS für IE lösen lässt?
Wenn das der Fall ist, wie schaffe ich es, dass die Lesezeichen über dem Div mit dem oberen Buchrand liegen? Wenn ich in meiner CSS die Werte anpasse liegen sie nämlich darunter.
(Das Buch ist in insgesamt drei divs eingeteilt, damit ich es je nach inhalt in die Länge ziehen kann... bzw. soll das so sein, ob es auch geht, hab ich noch nicht versucht aber das wäre dann auch eine andere Baustelle und ich arbeite nicht gern auf mehreren gleichzeitig)
Vielen Dank schon mal für die Hilfe.
Amalia
Ach ja... Die Navi wird über php includes eingefügt und das Problem tritt beim IE 7 auf.
Ich bin gerade dabei mein HP-Design vollkommen neu zu machen und bei der Gelegenheit auch das alte Framelayout einzumotten und auf php includes umzustellen.
Dabei hat sich folgendes Problem ergeben. Meine Grafik-Navi wird vom IE ein Stück nach oben verschoben, während Firefox, Opera und Safari alles korrekt anzeigen.
Ist mit Worten schwer zu erklären, daher hab ich mal Bilder angehängt, wie der IE und Firefox das darstellen.
Falls die doch zu undeutlich oder zu klein sind:Imoilus FanFictions. Es geht um die roten Lesezeichen.
Und hier ist ein Teil des CSS-Code in dem die Navi formatiert wird. Sie umfasst im ganzen ja fünf Punkte, die aber abgesehen vom margin-top-Wert sind die alle genau so wie die unter a.b2 bzw. dem entsprechenden Hoverbereich.
Code:
/*Menü*/
<!--
a.b1 { float:left;
background-image:url(../images/button/home.png);
background-repeat:no-repeat;
width:135px;
height:55px;
margin-left:350px;
margin-top:-39px;
padding:20px;
}
a:hover.b1 { background-image:url(../images/buttonhover/home.png);
background-repeat:no-repeat;
width:135px;
height:66px;
margin-top:-50px;
}
a.b2 { float:left;
background-image:url(../images/button/geschichten.png);
background-repeat:no-repeat;
width:135px;
height:55px;
margin-top:-35px;
padding:20px;
}
a:hover.b2 { background-image:url(../images/buttonhover/geschichten.png);
background-repeat:no-repeat;
width:135px;
height:66px;
margin-top:-50px;
}
-->
Oder ist das ein bekanntes Problem des IE, dass sich nur mittels seperater CSS für IE lösen lässt?
Wenn das der Fall ist, wie schaffe ich es, dass die Lesezeichen über dem Div mit dem oberen Buchrand liegen? Wenn ich in meiner CSS die Werte anpasse liegen sie nämlich darunter.
(Das Buch ist in insgesamt drei divs eingeteilt, damit ich es je nach inhalt in die Länge ziehen kann... bzw. soll das so sein, ob es auch geht, hab ich noch nicht versucht aber das wäre dann auch eine andere Baustelle und ich arbeite nicht gern auf mehreren gleichzeitig)
Vielen Dank schon mal für die Hilfe.
Amalia
Ach ja... Die Navi wird über php includes eingefügt und das Problem tritt beim IE 7 auf.