div height="100%" mit Netscape & Co.?

Status
Nicht offen für weitere Antworten.
redlama

redlama

Erfahrenes Mitglied
Habe eine Testseite.
Wir kriege ich es hin, dass mit Netscape, Opera, Mozilla, Firefox, ... die Anzeige 100% ist, genau wie im IE?
Momentan wird der Hintergrund bei Netscape & Co. nur in den div's angezeigt, im IE aber bis zum unteren Ende der Seite.
Das muss doch irgendwie auch mit Netscape & Co. funktionieren, oder etwa nicht? :confused:

redlama
 
Anders gefragt, können Netscape & Co. überhaupt "height: 100%" interpretieren?
Kennen die das vielleicht garnicht?

Fragen über Fragen ...

redlama :suspekt:
 
Hat sich erledigt, hab jetzt die Lösung!
Für alle die neugierig sind, hier mein Testcode:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <title>Testseite</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="test2.css" />
  </head>
  <body>
    <div id="Top">
      <div id="Head">
        Kopfdiv
      </div>
      <div id="Navi">
        Navidiv
      </div>
      <div id="Content">
        Content
      </div>
      <img src="images/blank.gif" width="1" height="1" alt="blank"/>
    </div>
  </body>
</html>
Und die CSS Datei:
Code: 
body, html
{
  height: 100%;
  margin: 0px;
}

#Top
{
  width: 800px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background-image: url(images/hg.gif);
}

#Head
{
  width: 798px;
  height: 78px;
  border: 1px solid black;
}

#Navi
{
  float: left;
  width: 158px;
  border: 1px solid black;
}

#Content
{
  float: left;
  width: 638px;
  border: 1px solid black;
}

redlama
 
Jetzt hat sich gerade ein neues Problem aufgetan.
Wenn ich Firefox, Netscape & Co. nicht in der vollen Bildschirmhöhe aufhabe, dann erscheint ein Scrollbalken, mitdem ich nach unten scrollen kann, um den Rest des Inhaltes zu sehen.
Das ist so weit ja auch in Ordnung, aber:
Die 100% des Hintergrundes werden nur auf den im ersten Moment sichtbaren Teil angewandt.
Scrolle ich weiter nach unten, dann ist dort kein Hintergrund zu sehen.

Ist das verständlich, was ich meine?
Und weiß einer woran das liegt bzw. wie ich das beheben kann?

redlama :suspekt:
 
Also wenn ich aus body die Höhe raus nehme, dann stimmt die Anzeige aber nicht mehr.
Dann wird nämlich der Hintergrund nicht mehr bis zum Seitenende angezeigt, was er aber eigentlich soll. :confused:

redlama
 
Thomas Lindner hat gesagt.:
Wenn du dafür:
Code: 
background-repeat : repeat;
einsetzt sollte es wieder passen!
Zum Vergrößern anklicken....
Wo soll ich das einsetzen?
Mein CSS Code sieht so aus:
Code: 
html
{
  height: 100%;
  margin: 0px;
}
body
{
  height: 100%;
  margin: 0px;
  scrollbar-DarkShadow-Color: #FFE1A0;
  scrollbar-Track-Color: #FFEDB6;
  scrollbar-Face-Color: #FFE1A0;
  scrollbar-Shadow-Color: #FB8D0C;
  scrollbar-Highlight-Color: #FFE1A0;
  scrollbar-3dLight-Color: #FB8D0C;
  scrollbar-Arrow-Color: #FB8D0C;
}
#Main
{
  height: 100%;
  font-size: 1px;
  width: 800px;
  background-image: url(images/hg-test.gif);
  margin: 0 auto;
  text-align: center;
}

redlama
 
Soll der Hintergrund nur im Div oder im gesmaten Body sein?

Wenn er im Div sein soll pack es in den Div ( #main) sonst in den Body (jeweils im Stylesheet).

-Ohne Gewähr- ( Habe auch keinen Netscape zum Testen hier )
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück