CSS Probleme mit position und float
Eingetragen von Transmitter (213)am 19.05.2010 - 06:10 Uhr in
Hi,
Ich habe eine View, die News anzeigt.
Innerhalb dieser News gibt es manchmal Fotos (1 image file field)
Diesen habe ich folgendes beigebracht:
.field-field-foto
{
float : left;
margin : 0px 8px 8px 0px;
}
Jetzt gibt es ein umschließendes div:
.Post-body {
padding:0 10px;
position:relative;
z-index:1;
}
Wenn ich in Post-body KEIN float:left; rein schreibe, dann wird dieses div direkt unterhalb des Bildes abgeschnitten und es folgen keine weiteren Inhalte - der Footer rutscht hoch und man kann den Rest der Beiträge nicht sehen.
Wenn ich es einfüge, dann wird das div erst unterhalb aller News abgeschnitten und ich sehe keinen Pager mehr.
Wo liegt denn da generell das Problem?
Die Bilder sollen auf jeden Fall umflossen werden, aber wieso beeinflusst dieses float left im Foto denn den kompletten Aufbau?
Danke schon mal
Bye, Transmitter
- Anmelden oder Registrieren um Kommentare zu schreiben
Moin Transmitter, gib dem
am 19.05.2010 - 09:45 Uhr
Moin Transmitter,
gib dem umschließenden Div (in Deinem Fall wahrscheinlich .post-body) mal die Klasse "clear-block" mit.
Beste Grüße,
Niko
Hmm .. das funktioniert
am 19.05.2010 - 18:13 Uhr
Hmm .. das funktioniert nicht.
Habe jetzt Post-body ein padding-bottom: 20px mitgegeben, jetzt läuft's.
Da ist aber sicher irgendein Fehler oder Ähnliches drin, für mich ergibt das keinen Sinn :(
Wie debuggst du so komplexe div-Verschachtelungen?
Mit Firebug?
Bye, Transmitter
Firebug ist mit Sicherheit
am 20.05.2010 - 07:53 Uhr
Firebug ist mit Sicherheit die beste Möglichkeit um CSS zu debuggen. Ist deine Drupal Installation nur lokal oder kannst du auch einen Link bereitstellen, ich persönlich komme bei deiner Beschreibung nicht ganz mit.