Hi habe in einem anderen Thread was von faux columns gelesen.
Ist an sich wirklich praktisch, aber ist es auch möglich das auf dieses Beispiel an zu wenden und zwar so, das die Positionierung der Elemente im Quelltext gleich bleibt, also content zu oberst..
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style type="text/css">
.content {
position:absolute;
top: 10px;
left: 300px;
width: 600px;
background-color: #FFFFCC;
border: 1px solid #000000;
line-height: 40px;
}
.menu {
position:absolute;
top: 10px;
left: 80px;
width: 200px;
background-color: #FFCC33;
border: 1px solid #000000;
}
</style>
</head>
<body>
<div class="content">
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
c</p>c
</div>
<div class="menu">m
m
m
</div>
</body>
</html>
Alles anzeigen
PS alle Variabellen sind absichtlich etwas ungewöhnlich gewählt...
Die positionierung um auch designs mit absolut mittiger bzw rechter , linker .... positionierung.
das line-height um zu simulieren, das der content höher als die browserhöhe ist.
Die farben nur zur veranschaulichung.
Die positionierung, des content zu oberst im Text aus SEO gründen.
So nun hoffe ich mal das das noch einer rafft und ne antwort geben kann.