Einzelnen Beitrag anzeigen
  #6 (permalink)  
Alt 09.08.2008, 00:30
Ratatoeskr Ratatoeskr ist offline
Benutzer
neuer user
 
Registriert seit: 08.08.2008
Ort: Hamburg
Beiträge: 36
Ratatoeskr befindet sich auf einem aufstrebenden Ast
Standard

Damit sollte schon mal das was du vorhattest funzen:

Code:
<html>
<head>
<title>Box</title>
<style type="text/css">
.box_geruest{
	position:absolute;
	top:100px;
	left:200px;
}

.oben{
	width:720px;
	height:445px;
	background-image:url(oben.png);
	background-repeat: no-repeat;
	color:#2287BB;
}

.mitte{
	width:718px;
	background-image:url(mitte.png);
}

.unten{
	width:720px;
	height:123px;
	background-image:url(unten.png);
	background-repeat: no-repeat;
	margin:-14px 0 0 0;
}
.box{
	width:684px;
	max-width:684px;
	margin:-406px 0 0 18px;
	font-family:Verdana;
	font-size:13px;
	color:#2287BB;
}
</style>
</head>
<body>
<div class="box_geruest">
	<div class="oben"></div>
		<div class="mitte">
			<div class="box" id="box">
				<p>
				text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text- text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-text- text-text-
				</p>
			</div>
	</div>
	<div class="unten">

	</div>
</div>
</body>
</html>
Deine Box wächst jetzt mit dem Inhalt mit. Was ist passiert? Ich habe die absolute Positionierung rausgekickt. Damit dein "Footer" richtig dranpasst habe ich ihm eine negativen Margin von 14px nach oben gegeben. Unschön? Ja.

Du solltest in dein Projekt auf jeden Fall irgendeine normalization.css einbinden und den Wert vom Margin dann nochmals anpassen damit das broswerübergreifend klappt.

Das Problem mit dem IE konnte ich nicht auf die schnelle lösen. Habe hier leider nur die 6.0er und kann somit nciht vernünftig testen. Und nein, Multiple IE ist leider extrem unzuverlässig...

Ich würde ja sagen das hat etwas damit zu tun das der 6er keine PNGs mag, das wäre aber Quatsch. Generell ist dein Problem mit obigen Code nicht gelöst.

Du hast jetzt n ganz blöden Weißraum gute 30px hoch über deinen Content. Aber das nur mal so als erster Lösungsansatz
Mit Zitat antworten