[CSS] Fusszeile an linke Spalte oder an den Hauptteil anpassen

**patti**

Du meinst, dass der linke Container bei dir um ein paar Pixel nach unten versetzt war?
Du kannst mal probieren, was passiert, wenn du den Doctype für deine HTML-Datei angibst (erste Zeile aus meiner HTML-Datei). Der IE interpretiert manche Angaben abhängig vom gesetzten Doctype unterschiedlich, evtl. würde das sogar dein Problem beheben...

**RWarnecke**

Zitat von patti:

Du meinst, dass der linke Container bei dir um ein paar Pixel nach unten versetzt war?

Ja, das meinte ich.

Zitat von patti:

Du kannst mal probieren, was passiert, wenn du den Doctype für deine HTML-Datei angibst (erste Zeile aus meiner HTML-Datei). Der IE interpretiert manche Angaben abhängig vom gesetzten Doctype unterschiedlich, evtl. würde das sogar dein Problem beheben...

Wenn ich den DOCTYPE zum Beispiel aus Deiner HTML-Datei entferne, gehen die Einstellungen von Container flöten im IE8 (siehe Anhang). In den anderen Browser Chrome, Firefox, Safari und Opera nicht.

**patti**

Zitat von RWarnecke:

Wenn ich den DOCTYPE zum Beispiel aus Deiner HTML-Datei entferne, gehen die Einstellungen von Container flöten im IE8 (siehe Anhang). In den anderen Browser Chrome, Firefox, Safari und Opera nicht.

Und was passiert, wenn du in deiner ursprünglichen Datei mal mit den Doctypes spielst, beispielsweise ein

markieren

Code:

			<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
		

benutzt?

Bei

SelfHTML gibt es interessante Informationen zu dem Thema. Dort steht auch, warum der IE anders reagiert als andere Browser.

**RWarnecke**

Hallo Patrick,

ich habe das ganze eben nochmals mit dem DOCTYPE getestet. Wenn ich den DOCTYPE angebe, wird der linke Kasten im IE8 richtig angezeigt. Wird Doctype weggelassen, wird der linke Kasten etwas versetzt nach unten angezeigt. Dann ist mir gerade beim Testen aufgefallen, Du hast Punkte für die einzelnen Sektionen in der CSS-Datei genommen und ich das Symbol #. Worin besteht der Unterschied, wenn ich eine Sektion in einer CSS-Datei mit # oder mit einem Punkt anfange ?

**patti**

Zitat von RWarnecke:

Dann ist mir gerade beim Testen aufgefallen, Du hast Punkte für die einzelnen Sektionen in der CSS-Datei genommen und ich das Symbol #. Worin besteht der Unterschied, wenn ich eine Sektion in einer CSS-Datei mit # oder mit einem Punkt anfange ?

Selektoren in CSS, die mit # anfangen, beziehen sich immer auf ein Element im HTML-Dokument mit einer bestimmten ID. Selektoren, die dagegen mit einem Punkt beginnen, definieren sog. Klassen ("class").

Eine ID vergibt man folgendermaßen:

markieren

Code:

Und den Style dann eben über das #-Symbol:

markieren

Code:

#meineid { }

Bei einer Class schauts so aus:

markieren

Code:

markieren

Code:

.meineclass { }

Der wichtigste Unterschied, den man unbedingt beachten muss, um HTML- und CSS-konform zu arbeiten, ist, dass innerhalb eines HTML-Dokuments jeweils nur ein Element "pro ID" exisitieren darf, d.h. eine ID muss eindeutig sein. Dagegen können beliebig viele Elemente einer Class zugewiesen werden.
Ich habe vor ein paar Tagen auf Grund von diesem Thread per PN mit Matze "diskutiert", welche Möglichkeit vorzuziehen ist. Ich werde meine Aussagen mal zusammenfassen und hier präsentieren

mfg

[CSS] Fusszeile an linke Spalte oder an den Hauptteil anpassen

AW: [CSS] Fusszeile an linke Spalte oder an den Hauptteil anpassen

AW: [CSS] Fusszeile an linke Spalte oder an den Hauptteil anpassen

AW: [CSS] Fusszeile an linke Spalte oder an den Hauptteil anpassen

AW: [CSS] Fusszeile an linke Spalte oder an den Hauptteil anpassen

AW: [CSS] Fusszeile an linke Spalte oder an den Hauptteil anpassen

Forumregeln