Float left und right
Eingetragen von Transmitter (213)am 06.04.2011 - 05:40 Uhr in
Hallo,
ich habe ein Bild, die Beschreibung und 3 Fieldsets (location, Fotos, Kontakt) in meinem Node.
Das würde ich gerne in zwei Spalten anzeigen lassen.
Leider ist Kontakt aber immer auf der Höhe des zweiten p von der Beschreibung.
Woran liegt das denn?
Mache ich da etwas am CSS falsch?
Im Anhang ein Bsp.
<!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>Unbenanntes Dokument</title>
<style type="text/css">
<!--
.content {
width: 600px;
border: 1px solid;
}
.field-field-foto-panorama {
width:400px;
float:left;
border: 1px solid;
margin:0 0 10px 0;
}
.content p
{
font-size:80%;
line-height:1.6em;
width:400px;
float:left;
border: 1px solid;
clear:left;
}
.group-kontakt,
.group-fotos,
.location-locations-wrapper
{
float:right;
margin:0px 6px 0px 0;
border-style:solid;
padding:10px;
margin-bottom:1em;
width: 120px;
border: 1px solid;
clear:right;
}
-->
</style>
</head>
<body>
<div class="content">
<div class="field field-type-filefield field-field-foto-panorama"> <img src="http://www.starlight.com/images/nav_top_pattern.gif" width="400" height="157" /> </div>
<p>Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort </p>
<p>Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort Mitten im Ort </p>
<fieldset class="fieldgroup group-kontakt">
<legend>Kontakt</legend>
<div class="field field-type-text field-field-firma"> Firma
Name </div>
</fieldset>
<fieldset class="fieldgroup group-fotos">
<legend>Impressionen</legend>
<div class="field field-type-filefield field-field-foto-galerie"> bilder <br />
bilder <br />
bilder <br />
bilder <br />
bilder <br />
bilder <br />
bilder </div>
</fieldset>
<fieldset class="location-locations-wrapper">
<legend>Ort</legend>
<div class="location-locations-wrapper-inner">
<div class="location vcard">
Ort asfdasdfasdf as df asd fa sdf asdf as dfa sdfasd fasdfas dfasdf asdf
</div>
</div>
</fieldset>
</div>
</body>
</html>Danke schon mal
Bye, Transmitter
- Anmelden oder Registrieren um Kommentare zu schreiben
Schau mal z.B. im Genesis
am 06.04.2011 - 10:57 Uhr
Schau mal z.B. im Genesis Theme nach. Dort gibt es prima Beispiele für mehrspaltigen Content.
http://drupal.org/project/bod
am 10.04.2011 - 04:10 Uhr
http://drupal.org/project/body-wrap-filter
Das hilft :)