Andreas: Höhe 100% Bildschirm ausgefüllt

Hallo
habe eine Seitengestaltung die height:100%; haben soll.
Jetzt klappt mal was bei Microsoft und leider nicht bei Firefox 1.0

wie kann ich da vorgehen?

dies habe ich hinterlegt:

html,body {
height:100%;
...
}

#outer{
height:100%;
...
}

#left {
height:100%
...
}

#content{
height:100%
...
}

jetzt die DIV's
<div id="outer">
<div id="left"></div>
<div id="content"></div>
</div>

  1. Hallo Andreas,

    habe eine Seitengestaltung die height:100%; haben soll.
    Jetzt klappt mal was bei Microsoft und leider nicht bei Firefox 1.0

    wie kann ich da vorgehen?

    am einfachsten für alle: das Forumsarchiv durchsuchen und/oder Selfhtml lesen. dieses thema wird ständig erfragt und deshalb gibts auch jede menge antworten im archiv.

    HP

    1. Hallo Hans-Peter,

      am einfachsten für alle: das Forumsarchiv durchsuchen und/oder Selfhtml
      lesen. dieses thema wird ständig erfragt und deshalb gibts auch jede
      menge antworten im archiv.

      Und von denen sehen 90% so aus wie diese, hehe. Also keine Alternative.

      Grüße,
       CK

      --
      Das Leben ist wie ein Kartenspiel: was dir gegeben wurde, ist vorbestimmt. Doch wie du damit spielst, ist deine Entscheidung.
      http://wwwtech.de/
    2. hi,

      am einfachsten für alle: das Forumsarchiv durchsuchen und/oder Selfhtml lesen. dieses thema wird ständig erfragt und deshalb gibts auch jede menge antworten im archiv.

      nein, das sehe ich hier nicht so.
      das er auch die höhe der elternelemente explizit angeben muss, hat er ja offensichtlich bereits berücksichtigt.

      deshalb ist das problem für mich auch nicht so ohne weiteres erklärbar - evtl. mal ein online-beispiel ...?

      gruß,
      wahsaga

      --
      "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
  2. Hallo,

    natürlich habe ich hier im Forum und über Google gesucht,
    aber nichts ergab eine Verbesserung des Problems

  3. Hi,

    habe eine Seitengestaltung die height:100%; haben soll.
    Jetzt klappt mal was bei Microsoft und leider nicht bei Firefox 1.0

    Vielleicht verrätst Du auch noch, was da nicht klappt?

    Stell doch auch die Seite online, damit man sie angucken kann.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
  4. Hallo!

    Jetzt klappt mal was bei Microsoft und leider nicht bei Firefox 1.0

    wie kann ich da vorgehen?

    So gehts im Firefox 1.0 und auch im Konqeror, zumindest optisch ist Menü und Inhalt immer gleich hoch.
    Wie der IE das rendert weiß ich nicht.

    <html>
    <head>
    <title>test</title>
    <style type="text/css">
    body{margin:0;padding:0;}
    #aussen{background-color:#eee}
    #menu {width:140px;float:left;padding:20px;background-color:#eee}
    #inhalt {margin-left:180px;padding:20px;background-color:#eff}
    </style>
    </head>

    <body>
    <div id="aussen">
            <div id="menu">
                   MENUE
            </div>
            <div id="inhalt">
                  viel Inhalt hineinschreiben....

    </div>
    </div>
    </body>
    </html>

    Grüße
    saltun

    1. Hallo auch,

      So gehts im Firefox 1.0 und auch im Konqeror, zumindest optisch ist Menü und Inhalt immer gleich hoch.

      nö:

      <div id="menu">
                     MENUE<br><br>
              </div>

      auch "optisch" klappt es nicht.

      Also "viel Inhalt hineinschreiben...."

      Grüsse

      Cyx23

      1. Hallo!

        Hallo auch,

        nö:

        <div id="menu">
                       MENUE<br><br>
                </div>

        auch "optisch" klappt es nicht.

        Also "viel Inhalt hineinschreiben...."

        Ich habs mit
           <div id="menu">
                       MENUE
                       <ul>
                           <li>
                                Punkt 1
                           </li>
        usw.
                      </ul>
           </div>

        probiert; funktioniert tadellos!

        Grüße
        saltun

        1. Hallo nochmal,

          probiert; funktioniert tadellos!

          nein, wie sollte es denn auch.
          Oder du hast etwas anderes probiert als den geposteten Code, etwa "hineinschreiben",
          also #inhalt höher als menu.

          Bezogen auf das Ausgangspostung ist es aber eh ne andere Geschichte, da kann z.B.
          wie schon verschiedentlich erwähnt mit Höhenangaben von 100% gearbeitet werden.

          Grüsse

          Cyx23

          1. Hallo!

            nein, wie sollte es denn auch.
            Oder du hast etwas anderes probiert als den geposteten Code, etwa "hineinschreiben",
            also #inhalt höher als menu.

            Ja. Siehe http://www.einsiedler.info/test/zwei_div_gleich_hoch.html/.

            Wenn Du das Browserfenster verkleinerst bleibt das "Menü" immer gleich hoch
            wie der Inhalt.
            Das eigentliche Menü ist natürlich nur so hoch wie sein Inhalt. Aber es schaut halt so aus
            als ob es gleich hoch wie das Inhalts-div wäre.
            Umgekehrt ist es auch so.
            Mit dem IE hab ich es nicht angeschaut, aber da der HTML, bzw. CSS Code recht einfach
            ist, sollte er das eigentlich auch können.

            Grüße
            saltun

            1. Hallo!

              Das eigentliche Menü ist natürlich nur so hoch wie sein Inhalt. Aber es schaut halt so aus
              als ob es gleich hoch wie das Inhalts-div wäre.

              IMHO Bis hierher noch richtig.

              Umgekehrt ist es auch so.

              KORREKTUR: Das nicht! (Die vorgerückte Stunde zu spät für meine Logik)

              Grüße
              saltun

  5. Hi,

    stimmt habe nicht erklärt was nicht funzt

    im Explorer ist der Aussen-Rahmen so groß wie der Inhalt
    im Firefox schaut unter dem Rahmen noch Inhalt heraus.

    Wenn ich es ohne Inhalt gestalte, kein Problem
    kaum habe ich aber Inhalt wird dieser im Firefox ausserhalb dargestellt.

    Jetzt habe ich folgende Lösung angeboten bekomen und das klappt auch

    overflow: auto;

    Gruss
    Andreas