Timon.Freitag: Firefox/Netscape/Mozilla zeigen div nicht richtig an.

Hallo!

Ich schreibe das Thema jetzt zum zweiten mal, weil das andere Thema unbeantwortet schon im Archiv ist.

Mein Problem:
In dem div-Containder der Seite ist 100% hoch und wird bei größeren Seiten unten abgebroch und der Text geht ohne div-Container-Hintergrund weiter...

Was tun?

Die Seite steht dort unten ist http://www.ff22.de/index.php?id=5.
Bei diesen Mozilla und deren Geckos wird es nicht korrekt angezeigt, aber jedoch in allen anderen Browsern.

Gruß,
Timon.

  1. Hi,

    Ich schreibe das Thema jetzt zum zweiten mal, weil das andere Thema unbeantwortet schon im Archiv ist.

    URL?

    Mein Problem:
    In dem div-Containder der Seite ist 100% [...]
    Was tun?

    Auf die Angabe einer nicht zu überschreitenden Höhe verzichten.

    Bei diesen Mozilla und deren Geckos wird es nicht korrekt angezeigt, aber jedoch in allen anderen Browsern.

    Bitte verdrehe nicht die Realität. Ob etwas korrekt ist hat nichts damit zu tun, ob es Deinen Wünschen entspricht.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Hallo!

      URL?

      Die weiß ich nicht mehr muss vor etwa einer Woche sein (*grübel*)

      Auf die Angabe einer nicht zu überschreitenden Höhe verzichten.

      Was? Die Höhe muss bei der Seite so sein, sonst sieht das nicht schön aus bei zu kurzen Seiten, deswegen habe ich 100% genommen, die im IE und Opera richtig dargestellt werden.

      Bitte verdrehe nicht die Realität. Ob etwas korrekt ist hat nichts damit zu tun, ob es Deinen Wünschen entspricht.

      Ok, ich meinte natürlich, dass die Seite etwas falsch angezeigt wird..

      Gruß,
      Timon.

      1. Hi,

        Ok, ich meinte natürlich, dass die Seite etwas falsch angezeigt wird..

        immer noch verkehrt ausgedrückt. Die Seite wird _richtig_ angezeigt, wenn der Browser sich an Deine Höhenangabe hält. Der IE mißachtet dies und stellt sie demnach falsch dar.
        Aber die zwei Möglichkeiten, um Deine Seite wunschgemäß und richtig darzustellen, wurden Dir ja bereits genannt.

        freundliche Grüße
        Ingo

  2. Hallo Timon,

    als erstes würde ich die Seite mal validieren und die Fehler entfernen:

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ff22.de%2Findex.php%3Fid%3D5

    Dann würde ich das Stylesheet validieren:

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.ff22.de%2Fcss%2Fscreen.css&warning=1&profile=css2&usermedium=all

    .content {
    /* position:static; */

    width:498px;
    height:100%;

    margin:0px;
    padding:0px;

    padding-top:109px;
    padding-left:5px;
    padding-right:4px;

    margin-left:19px;

    background-image:url(../img/back.gif);
    background-repeat:no-repeat;
    background-attachment: scroll;
    background-color:#00AAFF;

    border-width:0px;
    border-style:solid;
    border-left-width:12px;
    border-right-width:2px;
    border-color:#3366CC;

    height:100%;

    text-align:justify;

    }

    sollte mal aufgräumt werden. Es sind doppelte Einträge drin. Das restliche Stylesheet habe ich nicht mehr durchgesehen.

    Hoffe es hilft für den Anfang.

    Mit freundlichen Grüßen

    André

  3. Hallo,

    Ich schreibe das Thema jetzt zum zweiten mal, weil das andere Thema unbeantwortet schon im Archiv ist.

    http://forum.de.selfhtml.org/archiv/2005/3/t103470/

    Mein Problem:
    In dem div-Containder der Seite ist 100% hoch und wird bei größeren Seiten unten abgebroch und der Text geht ohne div-Container-Hintergrund weiter...

    du willst also, dass das Hintergrundbild auch bei wenig Inhalt (Text) bis nach ganz unten angezeigt wird?

    Möglichkeit 1:
    du läßt im <body> ein Hintergrundbild sich in y-Richtung wiederholen.
    html, body {height:100%; margin:0; padding:0;}
    body {background:url(bild.gif) repeat-y #00f;}

    Möglichkeit 2:
    du packst dein Seite in einen Div-Container und sagst diesem, dass er mindestens 100% hoch ist (min-height).
    Der IE kennt min-height nicht, behandelt aber height wie min-height.
    http://www.css-blog.com/2003/10/23/min-height-auch-fur-den-ie/

    mfg NAG

    --
    signatur
    1. Hallo!!!

      Möglichkeit 2:
      du packst dein Seite in einen Div-Container und sagst diesem, dass er mindestens 100% hoch ist (min-height).
      Der IE kennt min-height nicht, behandelt aber height wie min-height.
      http://www.css-blog.com/2003/10/23/min-height-auch-fur-den-ie/

      Hey danke!!! Es funktioniert jetzt mit folgender Erweiterung:

      html>body #container { /* be nice to opera (&gekko) */
      height: auto;
      min-height: 300px;
      }

      Nur statt #container habe ich .content benutzt!!! Jetzt wird die Seite im IE, Firefox und Opera richtig angezeigt!!!

      Jetzt kann man den Bericht über Batch-Files auch weiterlesen^^

      Gruß,
      Timon.