Element auf Bildschirmgröße anpassen
Thomas
- css
0 mdkiller0 Rhöner0 Ingo Turski
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>
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
Hallo.
Dann gib doch für width einfach 100% an.
CIAO
Hi,
html, body { margin:0; padding:0; }
body { color:black; background:white; }
#box1 { height:50px; }
wäre vermutlich das Sinnvollste.
freundliche Grüße
Ingo