Ingo Turski: Drei Divs nebeneinander

Beitrag lesen

Hi,

Hier drei Vorschläge, der erste ist am besten.

Nö - die sind alle Murks.

PS und ohne CSS dargestellt, es geht inline.

was willst Du damit sagen?

<div style="position:relative">

_Ich_ weiß zwar, wozu dies dient, aber ohne Erklärung sollte das nicht gepostet werden.

<div style="position:absolute; left:0; width:100;

Dir ist klar, daß absolute Positionierung hierzu überflüssig ist und bei standardkonformer Interpretation diese fehlerhaften Angaben ignoriert werden?

<div style="position:absolute; left:100; right:100;

Auch hier wieder ungültige Werte. Und der einzige Browser, der diese vielleicht schlucken würde, kann das nicht umsetzen.

<div style="position:relative">
  <div style="float:left; width:100; background-color:red;"  >rechter Text</div>
  <div style="float:right;width:100; background-color:green;">linker Text </div>
  <span style="background.color:silver">mittlerer Text</span>
</div>

Hier ist die position-Angabe überflüssig und das inline-Element völlig deplatziert.

freundliche Grüße
Ingo