Sorry, rzeczywiście coś pokręciłem. Wracając do sprawy. Rozwiązanie dla normalnych przeglądarek jest wręcz banalne, wystarczy użyć CSS`owego display:table; i display: table-cell;.
Gotowy kod:
[xml]
<?xml version="1.0" encoding="iso-8859-2"?>
<!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>
<style type="text/css">
body {
margin: 0 auto;
padding: 0;
}
#t {
overflow: hidden;
width: 64em;
background-color: #e4f1bb;
display: table;
}
#a, #b, #c, #d{
display: table-cell;
vertical-align: top;
}
#b {
background: gray;
width: 20em;
}
#c {
background: green;
width: 20em;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<meta name="author" content="egzemplarz" />
<title>title</title>
</head>
<body>
<div id="t">
<div id="a">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sapien libero, id eleifend at, egestas ac, ante. Duis a lorem hendrerit magna orci quis est. Ut vestibulum ipsum. Sed aliquet tincidunt nonummy, leo tristique ullamcorper. Suspendisse a placerat ut, tempus euismod. Vestibulum convallis diam mi mauris, consequat wisi. Phasellus in ipsum. Aenean libero. Maecenas wisi. In porttitor vitae, ipsum..
</div>
<div id="b">
Ornare. Nam at turpis. Duis blandit ipsum, rutrum pede sed leo sed interdum vitae, velit. Mauris luctus et magnis dis parturient montes, nascetur ridiculus mus. Morbi ultrices consectetuer. Etiam dapibus nisl. Nam ullamcorper nec, elementum congue, lacus et velit non dui. Integer adipiscing. Nulla facilisi. Etiam vel tincidunt tempus. Nullam.
</div>
<div id="c">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. The quick brown fox jumps over the lazy dog. A flock of woodpeckers by the mouth of the river Vah is teaching a silent horse to nibble on bark and feed on fresh meat.
</div>
<div id="d">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. The quick brown fox jumps over the lazy dog. A flock of woodpeckers by the mouth of the river Vah is teaching a silent horse to nibble on bark and feed on fresh meat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. The quick brown fox jumps over the lazy dog. A flock of woodpeckers by the mouth of the river Vah is teaching a silent horse to nibble on bark and feed on fresh meat.</div>
</div>
</div>
</body>
</html>
[/xml]
Oczywiście IE tego nie obsługuje więc trzeba się pobawić w naprawianie przeglądarki. Przeczytaj to:
http://perfectionorvanity.com/2007/01/1 ... pressions/
i to:
http://perfectionorvanity.com/2007/03/0 ... youtu-css/
Próbowałem coś zrobić na expressions żeby działało jak trzeba, ale nie wyszło mi zbytnio. Jak nie uda Ci się napisać poprawki dla IE samemu, pozostaje zwrócić się do Riddle`a.
Tyle, więcej pomysłów nie mam. Poszukam jeszcze jakiegoś rozwiązanie dla IE, jak znajdę to wrzucę.
Dobranoc
egzemplarz
