nicht angemeldet
Float
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>
-
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?
clear:left für die Grafiken sollte helfen, würde ich spontan behaupten.
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?
Da das linke Element eine Grafik ist, kennst du ja deren Abmessungen. Über width und height als CSS-Eigenschaft solltest du das rechte div entsprechend formatieren können.
Gruß
Stareagle