div mit dynamischer und maximaler Breite

bluewaterpick · 29. August 2005

Hallo
Folgendes Problem: Ich platziere ein div absolut. Seine Breite soll sich dem Browserfenster anpassen, aber nicht grösser als 800px werden. Das heisst, wenn ein Browserfenster riesig ist, hört das div ab einem gewissen Punkt an, sich in der Breite anzupassen.

Das sähe dann z.B. so aus:

Code:

#inhalt{
	position: absolute;
	margin-left: 200px;
	top: 10px;
	width: 600px; /*100% maximal 600px*/
	border: 1px solid green;
}

Wie kann ich es machen, dass das Layer sich mit seiner Breite dem Browserfenster anpasst aber nicht breiter als 800px wird? Danke für eure Hilfe.

bluewaterpick · 29. August 2005

Hallo nochmals
Habe gerade selber eine Lösung erarbeitet. Diese hilfreiche Seite hat weitergeholfen. max-width wird bei Safari nur unterstützt, wenn keine andere width definiert ist. Meine Lösung sieht folgendermassen aus:

Code:

#box{
	position: absolute;
	left: 0px;
	top: 0px;
	max-width: 800px; /*Achtung: wegen Safari darf sonst keine Breite angegeben sein*/
	width:expression(document.body.clientWidth > 800? "800px": "auto" );
	border: 1px solid green;
}
#inhalt{
	margin: 20px 10px 0px 200px;
	border: 1px solid red;
}

Die beiden divs werden im XHTML dann verschachtelt. Also so:

Code:

<body>
<div id="box">
<div id="inhalt">Seiteninhalt</div>
</div>
</body>

Hat jemand noch eine Anregung dazu? Herzliche Grüsse von bluewaterpick

div mit dynamischer und maximaler Breite

bluewaterpick

Mitglied

bluewaterpick

Mitglied

Neue Beiträge