Ingo Turski: Positionen Div

Beitrag lesen

Hi,

ich absolviere gerade einen Studiengang in Webdesign, bin aber kompletter Neuling mit CSS & Programmierung und so.

Derjenige, der diese Aufgabe verbrochen hat, offensichtlich auch. ;-)

Sobald Sie ein Element auf eine Internetseite setzen müssen Sie sich Gedanken dazu machen, wo und wie das Element angezeigt werden soll: gleich am Rand, mit einem gewissen Abstand von rechts oder halb über einem anderen Element.

schön und gut, aber dies betrifft weniger die Positionierung als die Abstände, also margin und padding.

Außerdem regeln Sie über die Positionierung auch den Textfluss um die Elemente.

nö. Angaben zu position haben nichts mit Textumfluß zu tun - dazu ist float dar (und float *kann* auch zur Positionierung eingesetzt werden).

Bei der Positionierung mit den Cascading Style Sheets stehen Ihnen zwei Möglichkeiten offen:
Die absolute Position: Sie bezieht sich ausschießlich auf den Fensterrand.

Unsinn - auf das nächsthöhere Vorfahrenelement, das nicht stativ postioniert ist. Diesen Fehler begehen eigentlich nur Anfänger.

<div style="position:absolut";>

war dies eigentlich ein Tippfehler von Dir?
Abgesehen davon wirrd hier ohne weitere Angaben nichts positioniert.

Die relative Position: Sie bezieht sich auf das vorherige Element.

Noch größerer Unsinn. Relative Positionierung ist position:relative - float würde ich wirklich nicht hierunter bezeichnen).

<div style="border: none;background-color:#c0c0c0; float:left; height:2cm; width:2cm;>

Oops. border:none für ein DIV, wozu? Dimensionen in cm für den Bildschirm?

<p>Das graue Kästchen steht links neben dem Text</p>

Das ist ungenau. Der graue Kasten wird vom Text umflossen, was sich bei genügend Text bemerkbar macht. Um den Text komplett daneben zu positionieren benötigt man margin und eine ausreichende Breite.

Ich kann mir irgendwie darauf keinen Reim machen, zumal ich in selfhtml gelesen habe, dass absolut auch relativ ist. Kann mir mal jemand helfen?

Ich kann Dir nur raten, solche Aufgaben mit Vorsicht zu genießen und SELFHTML zu Rate zu ziehen, um nicht völlig Falsches zu lernen.

freundliche Grüße
Ingo