Hallo, danke für Eure Hilfe. Also Table, in welcher Form kam nicht in Frage, damit arbeite ich seit jahren und bin genausolang zwar fix damit - aber auch unzufrieden.
Die Lösung von Ulle sieht sehr interessant aus, hat aber den entscheidenten Nachteil, das sie nicht mit dem IE funktioniert, und damit grobgeschätzt 100% der Zielkundschaft ausgeschlossen wären. Für ein privates Projekt wär vllt. ok *g*, aber gewerbliche Projekte brauchen halt schon paar zuschauer.
Auf dem
CSB hat man folgende Lösung erarbeitet, die nach der ersten Betrachtung gestern Abend schon mal gut funktionierte. Ich stell die hier mal ein, falls das auch jemand gebrauchen kann. Erstellt wurde es von s0nic:
************************************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>aaa</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
#horizon {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
margin-top: -170px;
text-align: center;
min-width: 760px;
}
#wrapper {
background-color: #fff;
position: relative;
text-align: left;
width: 760px;
height: 340px;
margin: 0px auto;
background-color: #bdbec6;
border:#000 1px solid;
}
#wrapper h1 {
height: 100px;
}
#wrapper #left {
float:left;
padding-right:20px;
}
.menucontainer ul {
list-style-type:none;
padding:0;
}
-->
</style>
</head>
<body>
<div id="horizon">
<div id="wrapper">
<h1>Header</h1>
<div id="left">
<div class="menucontainer">
MENU 1
<ul>[*]
Hyperlink 1[*]
Hyperlink 2[*]
Hyperlink 3[*]
Hyperlink 4[*]
Hyperlink 5[/list] </div>
</div>
<div id="content">
<h2 style="MARGIN-TOP: 10px">lalala</h2>
bissle text...
bissle text...
bissle text...
bissle text...
bissle text...
</p>
</div>
</div>
</div>
</body>
</html>
*************************************************