Der Martin: ELemente verschieden in DIV positionieren

Beitrag lesen

Hi,

<div style="background-color: #369; color: #fff; padding: 2px; margin-bottom: 3px;">
  <span style="width: 200px;">Auszuwertendes Jahr:
   <select>
    <option selected="selected" value="2007">2007</option>
    <option value="2008">2008</option>
   </select>
  </span>
  <span style="float: right;width: 100px;"><img src="drucker.gif" alt="drucken"/></span>
</div>

ich frage mich erstens, warum du das Bild noch in ein separates span-Element verpackst, anstatt das img-Element selbst direkt auszurichten.

Und zweitens würde ich dir empfehlen, die Reihenfolge zu tauschen - also das Element, das nach rechts floatet, zuerst zu notieren. Dann hat es schon mal seinen Platz, und der Rest floatet drumherum.

Übrigens darf die width-Angabe des ersten span in deinem Quelltext gar keine Wirkung haben, da span ein Inline-Element ist und width nicht auf Inline-Elenmente anwendbar ist.

So long,
 Martin

--
Alkohl ist ungesund,
Rauchen ist schädlich,
Sex ist unanständig
- und die Erde ist eine flache Scheibe.