Was mir dazu auf die Schnelle einfällt (der IE < 7 braucht nur noch einen min-width-Hack):
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
min-width: 700px;
}
#main-1,
#main-2 {
width: 50%;
}
#main-1 {
float: left;
margin-right: -10px;
}
#main-2 {
float: right;
}
#center {
background: yellow;
float: right;
width: 600px;
margin-right: -300px;
position: relative;
}
#left,
#right {
background: red;
}
#left {
margin-right: 300px;
}
#right {
margin-left: 300px;
}
div {
min-height: 1px; /* IE 7 */
}
* html div {
height: 1px;
}
* html #left {
margin: 0;
}
* html #center {
margin-left: -3px;
}
</style>
</head>
<body>
<div id="main-1">
<div id="center">text</div>
<div id="left">text</div>
</div>
<div id="main-2">
<div id="right">text</div>
</div>
</body>
</html>
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
|