variables Layout bis zu einer bestimmten Größe

[jvd]

Hallo,

beschäftige mich seit gestern ein wenig mit Dreamweaver und hab mal versucht so ein wenig an einer Homepage herumzubasteln.

Grundsätzlich:
Habe folgende divs: Header, Top Menü, Content und Footer.

Nun wollte ich die Webpage variabel gestalten, also, dass sie sich ans Browserfenster anpasst.
Problem: wenn man das Browserfenster ganz klein macht verschieben sich die divs ineinander.

Wie kann ich feststellen, dass aber einer gewissen Breite/Höhe Schluss mit variabel ist und vertikale/horizontale Scrollbalken eingeblendet werden sollen?

Wahrscheinlich ein sehr häufiges Problem, mit hoffentlich einer einfachen Lösung. Hätte schon im Internet recherchiert, aber ich brauch ne Anleitung für Idioten.. (weiß auch nicht genau nach welchen Stichworten ich suchen soll)

Danke im Voraus
lg

[jvd]

hab gerade gesehen, dass ich das Problem nur in Firefox habe. Safari machts so klein wie möglich und IE arbeitet mit Scrollbalken.. ^^
Gibts ne Möglichkeit das zu vereinheitlichen?

[sejuma]

Variabel bedeutet ja, dass du prozentuale Breiten- und Höhenwerte verwendest.
Begrenzen kannt du die mit max-width oder max-height-Angaben.
Beispiel:

Code: Alles auswählen

width: 80%;
max-width: 800px;

Die Verschiebungen können u.U. aber auch in absoluten Positionierungen ihre Ursache haben.
Ggf. mal einen Link posten.

[jvd]

Hey, danke für die Antwort
Ja genau, in Prozenten angegeben - aber ich meinte ja "min-width". Ich hatte einen Container und ein Top-Menu wo der Befehl nicht funktionierte und meine Top-Menu Divs einfach ineinander schob. Bei einem simplen Probelayout hat er aber gerade funktioniert, also werd ich versuchen das zu übertragen

Code: Alles auswählen

#container {
   width: 90%;
   min-width:800px;
}