Positionierung von div- und span-Bereichen

[jojo]

Hallo,

hi

<div style="position:absolute; top:10px; left:10px; width:500px; height:500px; z-index:1; background:yellow; border:solid 2px blue;">

nimm bitte HTML-konforme Farbangaben. Mit "yellow" und "blue" kommen manche nicht klar. Nimm stattdessen #ffff00 (für Gelb) und #0000ff (für blau).
Außerdem sind Pixelangaben nicht so gut, da jeder User eine andere Auflösung eingestellt hat und somit jeder die Seite anders angezeigt bekommt.

<span style="position:absolute; top:0px; left:0px; width:100px; height:50px; z-index:2; background:green;">Mahlzeit.</span>

<span style="position:absolute; top:0px; left:100px; width:100px; height:50px; z-index:2; background:blue;">Supi.</span>

<span style="position:absolute; top:0px; left:200px; width:100%; height:50px; z-index:2; background:red;">Dehnen.</span>

</div>

Schon mal über den <style>-Tag nachgedacht? :-) Ich lege ihn dir nur wärmstens ans Herz.

Der dritte span-Bereich nimmt nun genau die Breite ein, die der div-Bereich komplett hat, also 500px.

Eben, der Bereich ist ja 500px groß, und ein Element, das in diesem Bereich ist und zusätzlich 100% Breite hat, reizt diese auch aus. Was sollte es auch anderes tun?

Ich kann diese Breiten-Angabe des dritten span-Bereichs nicht absolut machen!

Solltest du aber. Oder du gibst allen relative Breitenangaben, sprich Prozentzahlen.