✔ Float - Verschiebung

[ZockerLordLP]

Hallo Community

Ich habe ein kleines Problem:

Wie bekomme ich das Datum auch nach rechts verschoben? Dem 2. Div ein float:right gegen funktioniert nicht

So sieht der Code in etwa aus.

<div>
    <div style="float:left;">
    <!-- Bild -->
    </div>
    <div>
    <!-- Text -->
    </div>
</div>

Danke

 

[SpiceLab]

Wie bekomme ich das Datum auch nach rechts verschoben? Dem 2. Div ein float:right gegen funktioniert nicht

Grundsätzlich funktioniert es mit deinem Code-Snippet auf diese Weise aber tadellos

So sieht der Code in etwa aus.

<div>
    <div style="float:left;">
    <!-- Bild -->
    </div>
    <div>
    <!-- Text -->
    </div>
</div>

Und wie sieht der HTML- u. CSS-Code detailiert aus?

 

[ZockerLordLP]

@SpiceLab
Ja mit float:right verschiebt er die Elemente sehr komisch nebeneinander und untereinander (gerade kein Bild)

Detailliert
Da wo Bild steht ist ein Image Tag;
Da wo Text steht ist ein span Tag + Text

Und macht float:right; nicht auch den Text "rechtsbündig" oder nur wenn es in einem Text Tag steht (<p> etc)?

 

[SpiceLab]

Mit diesen überschaubaren Angaben kann ich den Fehler nicht reproduzieren.

Und macht float:right; nicht auch den Text "rechtsbündig" oder nur wenn es in einem Text Tag steht (<p> etc)?

Nein. Der Text ist weiterhin im Element linksbündig ausgerichtet.

 

[ZockerLordLP]

Ich werde morgen noch mal ein Bild Posten Mehr Angabe kann ich gerade auch nicht geben

 

[SpiceLab]

Ich werde morgen noch mal ein Bild Posten Mehr Angabe kann ich gerade auch nicht geben

Fein, anhand von Bildern lässt sich die Fehlerquelle bzw. Ursache im Code nicht festmachen

 

[ZockerLordLP]

Das ist aber alles an Code

 

[ComFreek]

Vielleichst kannst du auf http://jsFiddle.net ein reproduzierbares Beispiel erstellen.

 

[ZockerLordLP]

So sieht das aus:
http://jsfiddle.net/hgdrdx2b/3/

Wenn ich im 2. Div mit dem h4 ein float:right hinzufügen setzt er es darunter bzw. auch rechts ausgerichtet.

 

[SpiceLab]

So kommen wir der Sache doch gleich viel näher

Es hängt nur an dem voreingestellten Außenabstand des <h4>-(Block-)Elements

http://jsfiddle.net/hgdrdx2b/9/