WCM Forum - CSS: height:100% im Firefox

Seite 1 von 2

40 Beiträge dieses Themas auf einer Seite anzeigen

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - CSS: height:100% im Firefox (http://www.wcm.at/forum/showthread.php?t=172527)

reemrev

23.08.2005 21:00

CSS: height:100% im Firefox

Hätte gerne bei Webseiten, die kleiner sind als die Bildschirmhöhe, trotzdem einen fixen, zentrierten Rahmen über die gesamte Bildschirmhöhe.
Sieht aber so aus, als könnte firefox nichts mit height:100% anfangen. Der Rahmen wird nach dem letzten Element abgeschlossen. Gibts da irgendeine Möglichkeit, kann mir eigentlich nicht vorstellen, dass die 100% nicht erkannt werden.

#container { width:760px;
height:100%;
border:1px solid #ffcc66;
margin:auto;
text-align:left;
}

snowman

23.08.2005 22:18

Der Eltern-Container (also vermutlich der body-Tag) braucht auch 100% Höhe.

gruss,
snowman

reemrev

23.08.2005 22:27

Hatte ich schon ausprobiert, brachte leider keine Veränderung.

pong	24.08.2005 07:22

könntest du mal bitte den Rest des Stylesheets inkl. dem betreffenden HTML Code posten (bitte den [code] Tag verwenden)

pong

reemrev

24.08.2005 08:48

Das ist die Seite:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<script type="text/javascript"></script>
<style type="text/css" title="currentStyle" media="screen">@import "index_test.css";</style>
</head>

<body>
<div id="container"></div>
</body>
</html>

...und das die CSS-Datei:

body {
background-color: rgb(88,91,103);
margin:0px;
text-align:center;
}
#container { width:760px;
height:100%;
background-color:rgb(1,1,1);
border:1px solid #ffcc66;
margin:auto;
text-align:left;
}

reemrev

24.08.2005 20:44

Zusatzfrage, ist aber was anderes: wenn ich eine CSS-Datei ein Bild einfüge (background-image:url ...) und ich eine neue Seite lade, die dieselbe CSS-Datei verwende, wird das Bild dann neu vom Server geladen?

jak	25.08.2005 10:27

Hängt vom Browser ab. Wenn er die Datei cached (was der Normalfall sein sollte) nicht.

lg,
jak

sedo	01.09.2005 10:41

100% rein

Hallo, hoffe es ist noch nicht zu spät für eine Antwort.

Du musst im body und im html-Tag width: 100%; setzen
Wenn du jetzt noch im body-Tag padding auf 0px setzt und im container die Border rausnimmst ist wirklich der ganze Bildschirm ausgefüllt. Bei Border: 1px... hast du leider 100% Höhe + 2px für den Rahmen.

Grüße
Sedo

reemrev

01.09.2005 17:45

Für eine gute Antwort ist es nie zu spät!
Danke, funktioniert (den body hatte ich schon mal auf 100%, jedoch nicht html - ganz schön kompliziert..... ).

reemrev

02.09.2005 14:16

Jetzt hab ich mich wohl zu früh gefreut:

Irgendwo hab ich da einen Fehler und kommt nicht drauf: ich beschreib mal das Problem am besten anhand der erstellten Seiten: LINK
Wer den Firefox hat, wird gleich sehen, wo das Problem liegt, mit dem MSIE werden alle Seiten bis auf die letzte "fehlertoleranter" angezeigt. Ziel ist, den Container immer über die gesamte Bildschirmhöhe darzustellen, egal ob viel(=größer als die Höhe) oder wenig Inhalt (=kleiner als die Höhe). Hat wer eine Ahnung?

Alle Zeitangaben in WEZ +2. Es ist jetzt 18:39 Uhr.

Seite 1 von 2

40 Beiträge dieses Themas auf einer Seite anzeigen