nicht angemeldet
Hallo zusammen
Ich habe zwei Elemente mit float nebeneinander angeordnet (siehe Webseite). Der Inhalt (vier Grafiken) in dem Element rechts sollte aber untereinander angeordnet sein. Leider klappt das nicht und ich vermute, dass das mit dem Float zusammenhängt. Kann mir da jemand weiterhelfen?
Zweite und letzte Frage: Das Element rechts sollte gleich lang sein, wie die Grafik links. Wie kann ich zwei Elemente, die unterschiedlich viel Inhalt haben, gleich lang machen?
Vielen Dank für eure Hilfe!
Simon
<!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" />
<title>Untitled Document</title>
<style type="text/css">
#top {width: 1037px;}
#titel {margin-left: 40px; margin-top: 20px;}
#people {float: left; margin-left: 40px; margin-top: 20px;}
#content {float:none;margin-top: 20px; margin-bottom: 80px; margin-left: 325px; background-color:#E6E6DD; padding-left: 5px;padding-top: 5px;}
</style>
</head>
<body>
<div id="top">
<div id="titel"><img src="pics/titel.gif" border="0" alt="Die Attraktivität der Körperform"></div>
<div id="people"><img src="pics/people.gif"></div>
<div id="content">
<img src="pics/text1.gif">
<img src="pics/deutsch.gif">
<img src="pics/english.gif">
<img src="pics/japanese.gif">
</div>
</div>
</body>
</html>