Thomas: Element auf Bildschirmgröße anpassen

Hallo,
ich habe ein Problem mit der width Einstellung.
Ich möchte das meine Box horizontal über den ganzen Bildschirm geht, ohne einfach einen sehr großen Wert für "width" zu wählen.

<html><head><title>position</title>
<style type="text/css">
<!--
body { }
#box1 { position:absolute; top:0px; left:0px; width:500px; height:50px;
-->
</style>
</head><body bgcolor="FFFFFF" text="#000000">

<div id="box1" style="background:red; border:solid 2px blue; text-align:center;">test</div>

</body></html>

  1. Hi!

    #box1 { position:absolute; top:0px; left:0px; width:100%; height:50px;}

    ist die richtige Größenangabe. Ob die Browser das auch wirklich umsetzen, steht in den Sternen...

    Gruß

    mdkiller

  2. Hallo.

    Dann gib doch für width einfach 100% an.

    CIAO

  3. Hi,

    html, body { margin:0; padding:0; }
    body { color:black; background:white; }
    #box1 { height:50px; }

    wäre vermutlich das Sinnvollste.

    freundliche Grüße
    Ingo