CSS: height:100% im Firefox

reemrev · 23.08.2005, 21:00

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

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?

23.08.2005, 21:00	#1
reemrev Inventar Registriert seit: 31.01.2000 Beiträge: 1.706 Mein Computer	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; }

23.08.2005, 22:18	#2
snowman Inventar Registriert seit: 26.09.1999 Beiträge: 2.569	Der Eltern-Container (also vermutlich der body-Tag) braucht auch 100% Höhe. gruss, snowman ____________________________________ MediaMarkt? Ich bin doch nicht blöd, Mann! Vorsprung durch Technik Lesen Sie keine Anleitungen, FAQs, Readme - Files. Reine Zeitverschwendung. In den Newsgroups und Foren gibt es genug kompetente Leute, die mit großer Geduld immer wieder dieselben einfachen Fragen beantworten. Völlig kostenlos noch dazu!

24.08.2005, 07:22	#4
pong Inventar Registriert seit: 25.12.2000 Alter: 41 Beiträge: 9.063 Mein Computer	könntest du mal bitte den Rest des Stylesheets inkl. dem betreffenden HTML Code posten (bitte den [code] Tag verwenden) pong ____________________________________ \"Ein Gewitter reinigt die Luft\", sagte der Mann, nachdem ein Blitz seine Frau erschlug Nicht klicken! Erstposteralarm/Beschwerde/Kummerkasten Verplattet

25.08.2005, 10:27	#7
jak Inventar Registriert seit: 13.06.2001 Beiträge: 1.830	Hängt vom Browser ab. Wenn er die Datei cached (was der Normalfall sein sollte) nicht. lg, jak ____________________________________ Join the DNRC \| Godwin\'s Law (thx@stona) Documentation is like sex: If it\'s good, it\'s very, very good. If it\'s bad, it\'s better than nothing. \"In theory, theory and practice are the same. In practice, they are not\" (Lawrence Berra)

01.09.2005, 10:41	#8
sedo Newbie Registriert seit: 01.09.2005 Beiträge: 4	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

23.08.2005, 22:27	#3
reemrev Inventar Registriert seit: 31.01.2000 Beiträge: 1.706 Mein Computer	Hatte ich schon ausprobiert, brachte leider keine Veränderung.

24.08.2005, 08:48	#5
reemrev Inventar Registriert seit: 31.01.2000 Beiträge: 1.706 Mein Computer	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; }

24.08.2005, 20:44	#6
reemrev Inventar Registriert seit: 31.01.2000 Beiträge: 1.706 Mein Computer	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?

01.09.2005, 17:45	#9
reemrev Inventar Registriert seit: 31.01.2000 Beiträge: 1.706 Mein Computer	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..... ).

02.09.2005, 14:16	#10
reemrev Inventar Registriert seit: 31.01.2000 Beiträge: 1.706 Mein Computer	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?

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)