Alle guten Browser inkl. IE 8 können auch folgendes (nur IE < 8 kann's nicht):
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 {
padding: 30px;
font-family: sans-serif;
}
#n1 {
display: table;
table-layout: fixed;
width: 760px;
margin: 0 auto;
}
#n2 {
display: table-row;
}
#n2 div {
display: table-cell;
}
#n3,
#n5 {
width: 200px;
background: #c0c0c0;
}
#n4 {
width: 360px;
background: #f1f1f1;
}
</style>
</head>
<body>
<div id="n1">
<div id="n2">
<div id="n3">Text<br />Text<br />Text<br /></div>
<div id="n4">Text</div>
<div id="n5">Text<br />Text<br />Text<br />Text<br />Text<br />Text<br />Text<br />Text<br />Text<br />Text<br />Text</div>
</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.)
|