nicht angemeldet
Hallo zusammen!
Ich habe folgendes Problem, ich möchte ein Dreispaltenlayout mit DIVs erstellen. Das ist soweit ja auch kein Problem, allerdings möchte ich dass die DIVs immer gleich hoch sind. Ist jetzt eines der DIVs höher als die anderen beiden, dann passen diese beiden DIVs ihre Höhe nicht automatisch an das höhere an.
Mein Quelltext sieht wie folgt aus:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div style="margin-left: auto; margin-right: auto; width: 600px; background-color: #000000;">
<div style="width: 100px; height: auto; float:left; background-color: #ff0000;">
test
</div>
<div style="width: 400px; height: auto; float: left; background-color: #00ff00;">
test<br />
test<br />
test<br />
test<br />
test<br />
test
</div>
<div style="width: 100px; height: auto; float: left; background-color: #0000ff;">
test
</div>
</div>
</body>
</html>
Kann mir da vielleicht jemand weiterhelfen?
Gruß und schönen Dank
Mike