Timo Nissen: Height

Guten Abend...
Ich probier jetzt schon seit geraumer Zeit dran rum...
Also:
Ich hab ein 3 Spalten layout erstellt mit 3 div *tabellen*
hab alle einstellungen in einer externen css datei gespeichert.
In der Mitte läuft ein Newssys, wobei natuerlich herauskommt das die spalte in der mitte laenger wird als die beiden äußeren.
Jetzt liegt unter den beiden äußeren "tabellen" eini background.
breite: 170px
und ich dach ich kann das so machen das der den Background dann so weit runterkachelt bis ende is...
deswegen
height: 100%
nur leider sieht das ganze so aus...

http://salomo.altmuehlnet.de/stuff/marsville/

wie man sehen kann bleibt das nach dem ende der seite stehen und kachelt nicht weiter...*so wies aussieht hoert auch die div auf*
Ich bräuchte jetzt die befehle wie ich das mach,
das der egal wie lang die div in der Mitte is das bis ganz nach unten kachelt und nicht nur so weit...

*betreffender code *3 spalten*

#leftcol {
 height: 100%;
 background-image: url(./pic/under_left.jpg);
 background-repeat: repeat-y;
 background-position: right;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 170px;
 font-size: 11pt;
 background-color: #ffffff;
 }
#midcol {
 padding-left: 10px;
 position: absolute;
 width: auto;
 top: 0px;
 left: 170px;
 text-align: left;
 height: 100%;
 }
#rightcol {
 position: absolute;
 top:0px;
 right:0px;
 width:170px;
 font-size: 11pt;
 background-image: url(./pic/under_right.jpg);
 background-repeat: repeat-y;
 background-position: left;
 height: 100%;
 }

Ich bitte um hilfe, ich weiss nicht mehr weiter...
hab auch schon gegooglet...aber das betreffende nicht gefunden.

  1. hi,

    http://salomo.altmuehlnet.de/stuff/marsville/

    </faq/#Q-19>

    bitte erst mal hier ansetzen, http://validator.w3.org/check?uri=http%3A%2F%2Fsalomo.altmuehlnet.de%2Fstuff%2Fmarsville%2F&charset=iso-8859-1+(Western+Europe)&doctype=HTML+4.01+Transitional

    zumindest die mehrfach vergebenen IDs, und der vollkommen fehlplatzierte style-bereich sind dicke fehler.

    wie man sehen kann bleibt das nach dem ende der seite stehen und kachelt nicht weiter...*so wies aussieht hoert auch die div auf*

    du willst doch gar keine höhe von 100% haben, sondern eine _mindest_höhe. dafür ist min-height zuständig, und ggf. ein workaround für den IE.

    gruß,
    wahsaga

    1. hi...
      Das mit dem DOCTYPE nehm ich mir zu herzen..;)
      das mit den mehrfachvergebenen ids weiss ich nich was du meinst...
      da in meiner css datei alle mit class is nur die tabellenformatierung(div) in id weil ich die nicht mehrmals brauch...

      dann

      • min hab ich schon ausprobiert..*das hab ich schon von selfhtml rausgelesen* nur hat das nicht funktioniert, wobei ich ja auch nich weiss warum..

      -ich hab jetzt die 3 divs in eine reingepackt wobei ich noch keinen erfolg feststellen konnte...event. passt da was noch nicht
      (muss ich da dann das height auf auto setzen? oder 100%)

      *danke fuer die schnelle Antwort*

      1. sry wegen doppelpost..
        hier is die css datei...

        http://salomo.altmuehlnet.de/stuff/marsville/layout.css

      2. hi,

        das mit den mehrfachvergebenen ids weiss ich nich was du meinst...

        der validator sagt dir doch, an welchen stellen eine ID zum zweiten mal auftaucht.

        da in meiner css datei alle mit class is nur die tabellenformatierung(div) in id weil ich die nicht mehrmals brauch...

        fakt ist aber, dass du sie trotzdem mehrmals verwendet hast.

        gruß,
        wahsaga

        1. ^^
          k bin grad dran sie in class umzuwandeln...das muesste doch reichen...
          aber das prob mit der div is immer noch da...
          trotz das ich min-height: mach

          1. hi,

            aber das prob mit der div is immer noch da...
            trotz das ich min-height: mach

            und du testest das in welchem browser ...?

            gruß,
            wahsaga

            1. mozi...
              wie soll ich sagen ich sag mal so "ich mag ie nicht"
              Also bin grad am DocType...
              Der zerreist mir wieder alles....:)

  2. Sup!

    Ich vermute, die drei divs in noch ein div zu stecken könnte helfen.
    Dieses äussere div wird dann so hoch, wie das grösste innere div.
    Damit sollte dann die Höhenangabe 100% sich auf das äussere div beziehen. Oder so ungefähr. Ist nur eine Vermutung.

    Gruesse,

    Bio

  3. Hallo,

    eine einfache Google Suche hätte hier geholfen:

    http://www.fu2k.org/alex/css/index.mhtml
    oder auch
    http://www.pixy.cz/blogg/clanky/css-3col-layout/

    ...
    mfg NAG

    --
    signatur