Themen / Floaten von fields
Eingetragen von FuXXz (174)am 01.10.2014 - 18:03 Uhr in
Hallo zusammen,
ich versuche gerade ein wirklich einfaches Problem zu lösen, aber es will einfach nicht. Irgendwie kommt mir die clearfix Eigenschft von Drupal 7 in die Quere und dadurch funktionieren meine Kenntnisse über CSS nicht mehr.
div,s sind block Elemente, sie nehmen den 100%igen Platz ein und brechen die Zeile um. Erscheinen also brav untereinander. Mit float nehme ich ein Element heraus und lasse die Folgeelemente demensprechend an das vorherige Element fließen.
Dies geschiet solange bis ich mit clear das float auflöse.
Floate ich nun das Bild right, passiert das auf dem Bild. Schalte ich den Clearfix aus, geht es.
Warum arbeitet drupal 7 nicht einfach mit Display:inline, dafür gibt es diese Eigenschaft doch.
Wie müsste also der CSS Code lauten um nur das Bild auf der rechten Seite und den rest auf der linken Seite zu haben ?
Viele Grüße
| Anhang | Größe |
|---|---|
| original.png | 242.73 KB |
| bild-mit-float-right.png | 129.25 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Hi, Ich musste eigentlich
am 01.10.2014 - 19:57 Uhr
Hi,
Ich musste eigentlich noch nie wirklich um clearfix rumwerkeln, aber das kommt natürlich auf das verwendete Theme an.
Mit z.B.
.node .field-name-field-bild {float: right;
margin-left: 30px;
margin-bottom: 10px;
}
erziele ich eigentlich den gewünschten Effekt.
Ich vermute aber, dass nachfolgende Felder bei Dir eine fixierte Breite haben. Damit schubsen sie rechts an und rutschen ab.
Du solltest Dir das mit Firebug anzeigen lassen. Ist für sowas genau das richtige Werkzeug.
Danker für die Antwort.Mit
am 01.10.2014 - 20:55 Uhr
Danke für die Antwort.
Mit firebug habe ich alles nachgeschaut. Nichts hat eine feste breite. Ist das Zen Theme und dort ist jedes Feld ein Block.
Bis ich ein Label auf Display Inline stelle. Dann kommt Drupal auf die Idee da etwas mit Clear both und Display Block zu hantieren.
Schalte ich das aus, verhält sich mein CSS so wie ich es erwarte.
Derzeit habe ich für die beiden Inlinefelder einfach mal den Clearfix deaktiviert und den Feldern ein Display Inline gegeben. So wie es sein müsste. Und es funktioniert.
Weiß aber nicht ob das die Lösung sein kann.
Nicht immer ist der funktionierende Weg, auch der Richtige :)