nicht angemeldet
Guten Abend,
ich habe einen großen DIV-Block, der im Hintergrund der Seite erscheinen soll. Das Problem habe ich bei den margins. Ich möchte soz. den gesamten Bildschirm mit einem weißen DIV füllen, aber außenherum soll ein 29px breiter grauer Rahmen sein. Folgenden CSS-Code habe ich jetzt:
/* Tag-Eigenschaften */
body {
background-color: #9B9B9B;
cursor:default;
margin: 29px 29px 29px 29px;
}
...
/*Formatierung der Boxen */
#weiss {
position: absolute;
width: 100%;
height: 100%;
border: 1px solid;
background-color: #FFFFFF;
}
--
Der Doctype ist http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd
Firefox "scheint" die Gesamtbreite d. Bildschirms "gemessen" und dann an den linken margin gesetzt zu haben. Bin also am rechten Rand 29px zu breit, so dass 1. Scrollbalken erscheinen und 2. man den rechten grauen Rand nicht sehen kann. Sonst passt es. Der IE zeigt lediglich einen eine Zeile hohen, aber ebenfalls nach rechts verlängerten Balken an.
Ich würde gern - so wie bspw. in Tabellen - erreichen, dass ein untergeordnetes Element (so wie #weiss dem body) 100% als "den Rest" ansieht und nicht als die gesamte Bildschirmbreite.
Habt ihr einen Tipp für mich? Schonmal danke!!