Website Problem bei der Darstellung im IE

[haussi123]

Hallo, ich habe ein Problem das vermutlich mit den Stylesheet einstellungen gelöst werden kann, hab nur noch nicht rausgefunden wie.
Meine Website ist:
Topic geschlossen, wechsle den Host, falls du das gleich Problem hasst und die Website brauchst, kannst du mich anfragen.


Im IE wird das Bild im Fusse ein Pixel nach unten verschoben im Firefox ist es IO. Dafür ist das Menü für aktive links im IE wie ich mir das vorstelle und im Firefox werden z.B. bei "Wir stellen uns vor" auch die Brautführer unterstrichen.

Das ist meine erste Website und falls ihr sonst noch änderungsvorschläge habt oder so bin ich auch froh drum.
Danke

[christian]

Hallo,

das Menüverhalten kommt von

.mod_navigation .active{font-weight:bold;text-decoration:underline;color:#f50c0c;}

Das Problem mit der Footergrafik sehe ich nicht. In welchem IE ist das denn?

Grüße,

Christian

[haussi123]

Im Internet Explorer 7.0
sieht es so aus (Anhang IE.JPG)
unten sieht man die Linie die Transparent ist. Das Menü sollte aber so aussehen wenn der Punkt "Wir stellen uns vor" bzw. "Das Brautpaar" aktiv ist, weil diese Punkte automatisch miteinander Verknüpft sind.
Und nicht wie im Firefox wo der Punkt die Brautführer auch noch unterstrichen ist.

Ich habe jetzt noch den IE8 installiert, in diesem sieht die Website genau so aus wie im Firefox, das heisst die Fussgrafik hat keinen Abstand aber das Menü ist nicht so wie ich das wünsche.

Sorry, meine Website geht extrem langsam, muss mir einen anderen Host suchen.

[haussi123]

Habe das erste Problem mit dem Menü lösen können mit
.mod_navigation .active span {
color:#F50C0C;
font-weight:bold;
text-decoration:underline;
}

das span war der entscheidende Faktor um das underline nur auf die gewünschten Links anzuwenden.

Jetzt bleibt nur noch das Problem mit dem IE7 in der Fussgrafik. Ich habe ein eigenes html modul gemacht, habe die Idee von dem Tutorial. Der code ist so

<img src="tl_files/hochzeit/system/Fussgrafik.gif" id="bottom_image" width="870" height="20" alt="Hochzeit" />

und das Modul in der Fusszeile eingefügt (Seitenlayouts)

[MacKP]

Hallo haussi123,
versuchs doch mal damit:

#footer img {display:inline;}

Viele Grüße

[haussi123]

Hallo MacKP
Das mit #footer img {display:inline;} hat keinen Effekt. Aber es hat mich auf die Idee gebracht es so zu versuchen
#footer img { position:relative; top:-1px; }
Das würde funktionieren und hat keinen sichtbaren negativen Effect auf andere Browser. Aber vermutlich verstosse ich gegen jede Programmierrichtlinie die es für Stylesheet's gibt.
Fällt dir noch etwas anderes ein oder soll ich es so lassen?

Danke jedenfalls für den Input

[MacKP]

Hallo haussi123,
im Grunde ist bei CSS fast alles erlaubt was auch nur irgendwie geht. Die Browserhersteller zwingen einem so ein Verhalten ja auf ;-)

Ich würde es eher mit margin:-1px; versuchen und das dann nur für den IE7

Der TL Weg wäre ja so -> http://de.contaowiki.org/GermanCss
*:first-child+html #header { height:74px } /* IE 7 */

also dann in dem Fall ->
*:first-child+html #footer { margin-top:-1px; }

Viele Grüße

[haussi123]

Danke, klappt so wie du es gesagt hast. Somit wären alle Probleme gelösst.
Danke euch allen
Gruess
Haussi123