Überlappungen verhindern

[Micha]

Hallo,

gibt es eine Möglichkeit Überlappungen zu verhindern? Ich habe mehrere divs welche prozentual postioniert sind und sich (logischerweise) anfangen zu  überlappen, wenn ich das Browserfenster verkleinere( sprich  bei geringen Auflösungen). Ich würde gerne zwar haben, daß sie sich weiterhin dem Browser prozentual anpassen. aber nicht gegenseitig überlappen können. Mit Tabellen war das ja so schön möglich.

Vielen Dank
Micha

[Ashura]

Hallo Micha.

gibt es eine Möglichkeit Überlappungen zu verhindern? Ich habe mehrere divs welche prozentual postioniert sind und sich (logischerweise) anfangen zu  überlappen, wenn ich das Browserfenster verkleinere( sprich  bei geringen Auflösungen).

Verzichte auf absolute Positionierung. Damit nimmst du die betroffenen Objekte aus dem Dokumentenfluss, wodurch sie sich nicht mehr gegenseitig beeinflussen können. Das Resultat siehst du ja.

Ich würde gerne zwar haben, daß sie sich weiterhin dem Browser prozentual anpassen.

Die Objekte passen sich automatisch dem zur Verfügung stehenden Platz an, du musst im Grunde nichts weiter tun. Wenn du natürlich Abstände (margin, padding) und Dimensionen ((min-|max-)(height|width)) selbst festlegen möchtest, kannst du dies tun.

aber nicht gegenseitig überlappen können. Mit Tabellen war das ja so schön möglich.

Lies dir bitte einmal den SELFHTML-Blogeintrag „Grundlagen für Spaltenlayout mit CSS“ durch. Dort werden einige Möglichkeiten aufgezeigt.

Einen schönen Samstag noch.

Gruß, Ashura