[ Øvre venstre div skal flukte med toppen av høyre div, ] Den del er ikke et problem ...
[ mens nedre venstre div skal flukte med bunnen av høyre div. ] Den del er et lettere problem hvis den skal starte hvor top venstre div slutter og køre hele vejen ned til bunden ...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
</head><body>
<div style="width:500px;">
<div style="float: right;width:200px;background:#aaa;">Innhold høyre<br>høyre<br>høyre<br>høyre<br>høyre<br>høyre</div>
<div style="float: left;width:300px;background:#666;">Innhold topp venstre</div>
<div style="float: left;clear:left;width:200px;background:#888;">Innhold bunn venstre som alltid
skal ligge på bunn av yttre div</div>
</div>
<br style="clear:both;"><br>
<div style="width:500px;background:#888;">
<div style="float: right;width:200px;background:#aaa;">Innhold høyre<br>høyre<br>høyre<br>høyre<br>høyre<br>høyre</div>
<div style="float: left;width:300px;background:#666;">Innhold topp venstre</div>
<div style="float: left;clear:left;width:200px;">Innhold bunn venstre som alltid
skal ligge på bunn av yttre div</div>
<div style="clear:both;"></div>
</div>
<br style="clear:both;"><br>
<div style="width:500px;">
<div style="float: right;width:200px;background:#aaa;">Innhold høyre<br>høyre<br>høyre<br>høyre<br>høyre<br>høyre</div>
<div style="float: left;width:300px;background:#666;">Innhold topp venstre</div>
<div style="clear:both;"></div>
</div>
<div style="height:0px;position:relative;"><div style="position:absolute;left:0px;bottom:0px;width:300px;background:#888;">Innhold bunn venstre som alltid
skal ligge på bunn av yttre div</div></div>
<br style="clear:both;"><br>
<div style="width:500px;background:#888;">
<div style="float: right;width:200px;background:#aaa;">Innhold høyre<br>høyre<br>høyre<br>høyre<br>høyre<br>høyre</div>
<div style="float: left;width:300px;background:#666;">Innhold topp venstre</div>
<div style="clear:both;"></div>
</div>
<div style="height:0px;position:relative;"><div style="position:absolute;left:0px;bottom:0px;width:300px;">Innhold bunn venstre som alltid
skal ligge på bunn av yttre div</div></div>
<br style="clear:both;"><br>
<table style="width:500px;border-collapse:collapse;"><tr>
<td style="width:300px;background:#666;padding:0px;">Innhold topp venstre</td>
<td style="width:200px;background:#aaa;padding:0px;" rowspan="2">Innhold høyre<br>høyre<br>høyre<br>høyre<br>høyre<br>høyre</td>
</tr><tr>
<td style="width:300px;background:#888;padding:0px;vertical-align:top;">Innhold bunn venstre som alltid
skal ligge på bunn av yttre div</td>
</tr></table>
<br style="clear:both;"><br>
<table style="width:500px;border-collapse:collapse;"><tr>
<td style="width:300px;background:#666;padding:0px;height:12px;">Innhold topp venstre</td>
<td style="width:200px;background:#aaa;padding:0px;" rowspan="2">Innhold høyre<br>høyre<br>høyre<br>høyre<br>høyre<br>høyre</td>
</tr><tr>
<td style="width:300px;background:#888;padding:0px;vertical-align:top;">Innhold bunn venstre som alltid
skal ligge på bunn av yttre div</td>
</tr></table>
</body></html>
Ny bruger
Nybegynder
Opret
Preview
