css Layout

[Weeman]

Ich bin grad dabei html und vor allem css zu lernen und lese dazu selfhtml und jetzt stellen sich mir 2 fragen bezüglich des layouten mit css:
1. Worin besteht der Unterschied zwischen class und id?

2. Bei selfhtml steh, das man 3-spaltige Layouts realiaiert, indem man die linke spalte links-floatet, dir rechte rechts und bei dem Inhalt in der Mitte gibt man dan einen Außensbstand der den Breiten der beiden Spalten entspricht. Ich bin aber über diese schöne Seite gestoßen:css+design
da wird ein 3spaltiges Layout anders hergestellt wie z.B. hier: plain-grass
ich blicke aber leider in der css-datei nicht durch.
vllt kann mir ja mal jemand erklären, wie die das da mit dem layout geschafft haben, wär echt nett

 

[Uhu]

hab das kurz überflogen und imo macht der einfach einen großen DIV container und in diesem container sind die 2 Menücontainer die jeweils fest an den linken/rechten Rand geklatscht werden

position: absolute;
right: 0px

 

[Weeman]

ja, das war ja denkbar einfach
Aber kann mir nochma jemand den Unterschied zwischen absoluter und relativer positionierung erklären. Bei selfHTML steht, dass sich absolute auf das eltern bzw. das body element bezieht, und relativ auf die "Normalposition" des Elementes. Aber was soll denn die Normalposition eines Elementes sein?

 

[Kabelsalat]

"Normalposition" beschreibt den Ort, an dem der Browser das Objekt ohne das Setzen entsprechender CSS-Attribute platzieren würde.

 

[Stonehead]

zu 1. class kann man auf alle html tags anwenden
z.b.

.allgemein{}
.links{}
.menue{}

die id wird speziell für einen htmltag gemacht. Man kann ja auch speziell für htmltag eine Klasse erstellen, durch die ID kann man mehr spezifische Klassen erstellen. Ist halt dann übersichtlicher in der .Css datei(vgl. Oben und Unten)
z.B.

div{}
div#links{}
div#menue{}

 

[buyman]

www.css4you.de ist auch zu empfehlen, zumindest als befehlsreferenz