Guten Morgen,


Position: absolute; oder relative;

erste Frage, wann sollte man seine Seiten absolut oder relative positionieren.
habt ihr Erfahrungen was wie, wo und wann besser ist?

Zweite Frage, wenn ich zwei divboxen auf gleicher Ebene neben einander
mit position:relative setzen möchte, muss ich die zweite Box mit Minus werten angeben,
also so „top:- 0.10em;“ ansonsten positioniert sich die zweite Box zur unteren rechten Ecke
der ersten Box. Ist das richtig so oder mache ich nur einen Fehler?

Man liest sich Magellan

Ich persönlich versuche "position: absolute" zu vermeiden wann immer möglich. Das Design ist IMO dadurch viel zu brüchig, da es nicht mehr reagieren kann und eine kleine Verschiebung(Browser-Fehler, Bild zu klein, etc..) alles ruinieren könnte.
Außerdem vertraue ich nicht darauf daß die Browser sich einig sind was als Eltern-Element gilt.

Wg. Boxen: Ev. liegts am "clear" ? Das Problem klingt wie etwas das man bei "float"-Boxen oft hat, wenn ein "clear" fehlt.
Die zweite Box darf nicht neben der ersten stehen, weil die allein sein will.

das wird sich so nicht beantworten lassen, da die beiden positionierungen unterschiedliche anwendungszwecke haben.

du solltest dich vorab mit der positionierung von elementen vertraut machen.


gruss andi

__________________

hier wird gezwitschert

Habe mir gerade bei CSS4you die Erläuterungen zu „clear“ angeschaut, und wie macht man das nun? Wenn ich mit einer Externen layout.css Datei arbeite.
Muss ich jetzt „float:left; und clear: ; gemeinsam in eine div box schreiben, oder
bekommt die erste Box die „float“ Anweisung und die zweite Box die „clear“ Anweisung.

Warum ist das so? kann es sein das die Amys darin eine Logik sehen?


So Cyberman, danke für deine schnelle Antwort, aber was bedeutet IMO?
Grüsse Manfred

Hm. Das war ein Witz/Wortspiel von mir. Ich hätte ev. ein Smily dazu machen sollen.
Eine nicht "geclearte"(grauenhaftes Wort) Box verdrängt auf beiden Seiten andere Boxen. Mit "clear: none;" dürfen auf beiden Seiten weitere Boxen stehen.
Ev. erklärts die W3C-Seite besser: Visual formatting model


IMO == In My Opinion == Meiner Meinung nach. Ähnlich wie IMHO == In My Humble/Honest Opinion.
(Da meine Meinung weder "bescheiden" noch unehrlich ist, sehe ich im H keinen Sinn.)

Habe float und clear mal ausprobiert, und habe die Logik noch nicht ganz verstanden.

Bei einem drei spaltigen Layout bekommt die erste Box auf der Linken Seite die „float:left;“
Anweisung und läst so auf der rechten Seite die zweite Box mit der Anweisung „clear:right;“
zu. Aber wie positioniere ich die dritte Box ganz rechts um sie auf gleicher Höhe wie Box1 und 2 zu bekommen.

Für mich ist es unlogisch wenn ich „float:left;“ schreibe um auf der rechten Seite eine Positionierung zu zulassen.

Hy andip,
Das hatte ich schon gelesen darum hatte ich ja diese Fragen.

Man liest sich Manfred

Hilft dir dies: Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : FLOAT } Die Grafik inkl. Erklärung hat bisher noch jedem geholfen den Zusammenhang von "float" und "clear" zu verstehen.

__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ

Wenn du die drei Boxen per float nebeneinander stellen möchtest, dann weise doch allen drei Boxen float:left zu und clear erst nach den Floats.

Schematisch kann es dann so aussehen:

<container>
<float> <float > <float>
<clearendes Element>
</container>

Der Begriff "float" bezieht sich auf das Element, dem das Float zugeordnet wurde und nicht auf die nachfolgenden Inhalte.

So, habe das alles mal ausprobiert und das Ergebnis ist OK.

Doch wie kann ich verhindern das sich das Layout verschiebt wenn ich es auf einen kleineren Monitor anzeigen lasse.

Beispielsweise durch die Festlegung einer Mindestbreite (--> min-width) für den Hauptcontainer.