Einzelnen Beitrag anzeigen
  #10 (permalink)  
Alt 11.07.2009, 12:20
Benutzerbild von heiko_rs
heiko_rs heiko_rs ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
Sponsored Links