sear: hintergrund ohne hintergrund

hallo zusammen

die seite: http://www.telltec.ch/temp/stemmleag/
das css-file: http://www.telltec.ch/temp/stemmleag/css/default.css

also, ich habe ein container-div in dem sich die anderen befinden. dies sollte sich über 100% höhe erstrecken und weiss sein (background-color), mein CSS dafür:

#container{
margin: 0px auto;
padding: 0px 11px;
position: relative;
width: 700px;
height: 100%;

text-align: left;
background-color: #fff;
}

nun es ist aber leider nicht weiss, oder einfach gar nicht sichtbar. keine ahnung wieso.....

kann mir jemand helfen?

danke!
sear

  1. Hi,

    nun es ist aber leider nicht weiss, oder einfach gar nicht sichtbar. keine ahnung wieso.....

    vermutlich, weil 100% der Höhe des umliegenden Elements hinreichend klein ist.

    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. vermutlich, weil 100% der Höhe des umliegenden Elements hinreichend klein ist.

      hä? tschuldigung nichts kapiert!

      (bin schweizer ;) )

    2. vermutlich, weil 100% der Höhe des umliegenden Elements hinreichend klein ist.

      wenn du das übergeordnete element meinst, muss ich enttäuschen. der body ist 100% hoch.

      1. Tach,

        wenn du das übergeordnete element meinst, muss ich enttäuschen. der body ist 100% hoch.

        das ist das Vaterelement, was ist mit dem Großvaterelement?

        mfg
        Woodfighter

        --
        Ein Blitzableiter auf einem Kirchturm ist das denkbar stärkste Mißtrauensvotum gegen den lieben Gott. (Karl Kraus, österr. Schriftsteller, 1874-1936)
        1. das ist das Vaterelement, was ist mit dem Großvaterelement?

          was ist denn noch höher als der body?
          wusste ich nicht, dass es sowas gibt -- klär mich auf ;)

          1. das ist das Vaterelement, was ist mit dem Großvaterelement?

            was ist denn noch höher als der body?
            wusste ich nicht, dass es sowas gibt -- klär mich auf ;)

            na welches Element liegt denn eine Ebene über body (nein ich meine nicht head, das ist die selbe Ebene)?

            mfg
            Woodfighter

            --
            Bei der Präsentation von Windows 98 ist der Computer abgestürzt. Bei der Präsentation von Windows XP gab es ein Erdbeben. What next? Ein galaktischer Expressway durch unser Sonnensystem?
            1. html tatsächlich. lass dich küssen :)

              1. Tach,

                html tatsächlich. lass dich küssen :)

                lass dich warnen: Bart und Bierfahne ;-)

                mfg
                Woodfighter

                --
                Der Ton im Usenet ist häufig kürzer angebunden als im täglichen Leben, denn Tippen geht langsamer als Reden. Daher fallen Höflichkeitsflos- keln leichter unter den Tisch als anderswo. Deshalb sind die Aussagen aber weder oberlehrerhaft noch böse gemeint. (Thomas Hochstein)
              2. hallö,

                ne kleine nachfrage: (da ich soeben fast das gleiche fragen wollte)

                ich hab das problem, dass Mozilla(sic!) und Opera einen div nicht 100% hoch anzeigen, trotz der angaben für html und body und den übergeordeneten div. mein css ist das, was man landläufig als sehr verschachtelt bezeichnet, deswegen kein beispiel ;-)

                kann es sein, dass es da probleme mit position:fixed gibt? der M$IE zeigts ordentlich an...

                danke für unterstützung!
                grüße aus Leipzig
                willie

                --
                ss:| zu:} ls:# fo:| de:] va:} ch:? sh:( n4:( rl:° br:> js:| ie:% fl:( mo:}
                http://emmanuel.dammerer.at/selfcode.html
                1. Hallo,

                  ich hab das problem, dass Mozilla(sic!) und Opera einen div nicht 100% hoch anzeigen, trotz der angaben für html und body und den übergeordeneten div. mein css ist das, was man landläufig als sehr verschachtelt bezeichnet, deswegen kein beispiel ;-)

                  "Gegenfrage":
                  Aua... was tut mir weh? ;)

                  Grundsätzlich gibt es keinen Grund, dass Mozilla (was heisst sic?) und Opera dies nicht richtig anzeigen sollen. Weil du uns dein Beispiel nicht zeigen willst, empfehle ich dir zur Fehlerdiagnose, Schritt für Schritt Teile deiner CSS-Angaben, sowie deiner HTML Datei, auszukommatieren (lustiges Wort).

                  mfg NAG

                  --
                  signatur
                  1. hmm ;)

                    auszukommatieren

                    das kommt doch von Kommentar
                    also hätte es "auszukommentieren" heissen sollen

                    NAG

                    1. hallö ins forum,

                      auszukommatieren
                      das kommt doch von Kommentar
                      also hätte es "auszukommentieren" heissen sollen

                      nee. ich vermute mal von "Semikolon", damit kann man ja hin und wieder mal auskomment(ar)ieren ;-)

                      im ernst: ich kann hier niemandem 240 zeilen css plus html (plus direktformatiertem css) anbieten... http://forum.de.selfhtml.org/faq/#Q-07b ich arbeite dran.

                      danke für unterstützung!
                      grüße aus Leipzig
                      willie

                      --
                      ss:| zu:} ls:# fo:| de:] va:} ch:? sh:( n4:( rl:° br:> js:| ie:% fl:( mo:}
                      http://emmanuel.dammerer.at/selfcode.html
                  2. hallö ins forum,

                    "Gegenfrage":
                    Aua... was tut mir weh? ;)

                    ?-|

                    (was heisst sic?)

                    "sic!": genau so, eben. hier: dass ich genau das meine, was ich schreibe.

                    Grundsätzlich gibt es keinen Grund, dass Mozilla und Opera dies nicht richtig anzeigen sollen.

                    ich bin selbstverständlich deiner meinung! damke für die belehrung ;-)

                    Weil du uns dein Beispiel nicht zeigen willst...

                    ich hab mir mal die mühe gemacht:
                    hier ist mein very abgespeckter code:

                    ++++++
                    <html>
                    <head>
                    <style type="text/css">
                    <!--
                    html,body { height:100%; }
                    .outer { float:right; background:#CCC; color:#000; padding:1em; height:100%; }
                    .inner { background:#008; color:#fff; padding:1em; }
                    -->
                    </style>
                    </head>

                    <body>
                    <div class="outer">
                    <b>Das muss 100% hoch sein!</b>
                    <div class="inner">
                    Das soll so hoch/breit sein,<br>
                    <img src="image.tld" border="1" width="160" height="120" alt=""><br>
                    wie der Inhalt vorschreibt.</div>
                    <b>&hellip;immernoch 100%</b><br>
                    <small>(eigentlich transparent)</small>
                    </div>
                    <h1>So ein verdampfter Mist!</h1>
                    </body>
                    </html>
                    ++++++
                    ...zum betrachten: http://stromhalm.de/self/float_height.html

                    der haken der sache ist anscheinend die float-angabe. natürlich ließe sich height für .inner angeben:
                    1. das soll aber nicht sein (hintergrund nur hinter der box)
                    2. das kann nun wieder unser aller geliebter M$IE nich leiden

                    abgesehen von allem machen Opera und Mozilla (mir) unverständliche scrollabstände in die seite. (auch mit margin:0 für alles)

                    wahrscheinlich (es ist morgens dreiviertel vier!) ist die lösung ein weiterer div innerhalb .inner - falls jemand eine bessere idee hat: danke!

                    was bleibt ist eine schmerzliche erfahrung mit Mozilla :,-(

                    danke für unterstützung!
                    grüße aus Leipzig
                    willie

                    --
                    ss:| zu:} ls:# fo:| de:] va:} ch:? sh:( n4:( rl:° br:> js:| ie:% fl:( mo:}
                    http://emmanuel.dammerer.at/selfcode.html
                    1. Tach,

                      ...zum betrachten: http://stromhalm.de/self/float_height.html

                      du gibst float an, jedoch kein Breite; das ist nicht zulässig: Siehe http://www.w3.org/TR/REC-CSS2/visuren.html#floats
                      <zitat>A floated box must have an explicit width</zitat>

                      mfg
                      Woodfighter

                      --
                      "Das Leben ist eine Krankheit, die durch Sex übertragen wird und zu 100% tödlich endet."
                      1. hallö ins forum,

                        du gibst float an, jedoch kein Breite; das ist nicht zulässig: Siehe http://www.w3.org/TR/REC-CSS2/visuren.html#floats
                        <zitat>A floated box must have an explicit width</zitat>

                        http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float
                        :-D es kann so einfach sein! danke!

                        ich hatte die breite anfangs angegeben. keine ahnung mehr, wieso das ungeprüft rausgeflogen ist... (vielleicht sollte ich weniger so früh am morgen arbeiten.) tschuldigung!

                        trotzdem noch eine frage: wo kommen die ränder oben und unten bzw. die deutlich größere hohe als 100% (man kann/muss scrollen) her?
                        habe alle margins auf 0, padding für html und body ebenfalls.
                        http://stromhalm.de/self/float_height2.html

                        danke für unterstützung!
                        grüße aus Leipzig
                        willie

                        --
                        ss:| zu:} ls:# fo:| de:] va:} ch:? sh:( n4:( rl:° br:> js:| ie:% fl:( mo:}
                        http://emmanuel.dammerer.at/selfcode.html
                        1. Hi,

                          wo kommen die ränder oben und unten bzw. die deutlich größere hohe als 100% (man kann/muss scrollen) her?

                          um genau zu sein ist die "deutlich" größere Höhe 2em größer.

                          habe alle margins auf 0, padding für html und body ebenfalls.

                          Die Paddings den gefloateten Elements jedoch nicht.

                          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. hallö nochmal,

                            ich gehe heute früher schlafen... versprochen! ;-)
                            http://stromhalm.de/self/float_height2.html

                            großes DANKE für unterstützung!
                            grüße aus Leipzig
                            willie

                            --
                            ss:| zu:} ls:# fo:| de:] va:} ch:? sh:( n4:( rl:° br:> js:| ie:% fl:( mo:}
                            http://emmanuel.dammerer.at/selfcode.html
                        2. Tach,

                          trotzdem noch eine frage: wo kommen die ränder oben und unten bzw. die deutlich größere hohe als 100% (man kann/muss scrollen) her?
                          habe alle margins auf 0, padding für html und body ebenfalls.
                          http://stromhalm.de/self/float_height2.html

                          Der obere Rand kommt daher, dass du ein h1 benutzt, das CSS aber h2 betrifft. Das p ist nicht geöffnet worden und dementsprechend wirken die CSS-Formatierungen nicht. Die Scrollbalken verschwinden, sobald du das padding von .outer verringerst; die Box ist im Moment 100% + 1em padding-top + 1 em padding-bottom >100%.

                          mfg
                          Woodfighter

                          1. hallö,

                            eieiei, so ne schlamperei ist mir ja lange nicht passiert :-(

                            großes DANKE für unterstützung!
                            grüße aus Leipzig
                            willie

                            --
                            ss:| zu:} ls:# fo:| de:] va:} ch:? sh:( n4:( rl:° br:> js:| ie:% fl:( mo:}
                            http://emmanuel.dammerer.at/selfcode.html