[CSS] div soll größe des inneren annehmen...

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [CSS] div soll größe des inneren annehmen...

    hi ppl,

    vorweg das problem in kurz: ich suche quasi das gegenteil von "height:inherit;"
    es geht um folgendes: ich habe eine div struktur wie folgt:

    Code:
    /''''''''''''''''' -div0-''''''''''''''''''''''\
    |/'''''''''\/'''''''''''''''\/''''''''\/''''''\|
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    || div1    || div2          || div3  || div4  ||
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    |\........./\.............../\......./\......./|
    \............................................./
    nun ist es so, das ich alles divs von 1-4 "height:inherit;" gegeben habe,
    sie sich also der höhe des div0 anpassen, was wichtig ist das die divs
    2 und 3 eine border haben die den inhalt trennt.

    allerdings, und hier kommt das problem, wenn der inhalt eines divs
    länger wird, soll das div0 mitwachsend, und dadurch eben auch die
    anderen divs... quasi wie einst bei den tabellen, aber derzeit passiert
    nur das hier:

    Code:
    /''''''''''''''''' -div0-''''''''''''''''''''''\
    |/'''''''''\/'''''''''''''''\/''''''''\/''''''\|
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    || div1    || div2          || div3  || div4  ||
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    ||         ||               ||       ||       ||
    |\........./|               |\......./\......./|
    \...........|               |................../
                |               |
                \.............../
    wie mache ich es nun das die höhe des äusserem div0 sich
    der höchsten höhe der inneren divs 1-4 anpasst und dabei
    die inhaltlich kleineren div wiederum mit wachsen?

    hier beispielhaft der css code mit versuchen:
    Code:
    .div0 {
    	width:970px;
    	display:block;
    	height:435px;
    }
    .div1, .div2, .div3, .div4 {
    	width:339px;
    	height:inherit;
    	background-color:#FDFDFD;
    	display:block;
    	float:left;
    	border-right:1px solid #D1D1D1;
    }
    es wäre echt super, wenn mir da jmd weiterhelfen könnte.

    grüße,
    der jon
    Design & Coding with a breeze of madness at xjonx

  • #2
    Probiers mal mit:
    Code:
    overflow: visible;
    Hier gibts doku: overflow
    Nur wenige wissen, wieviel man wissen muss, um zu wissen, wie wenig man weiß.

    Kommentar


    • #3
      nee, sorry.

      was alles nicht geht:
      Code:
      .div0 {
      	width:970px;
      	display:block;
      	min-height:auto;
      	overflow:visible;
      }
      Code:
      .div0 {
      	width:970px;
      	display:block;
      	min-height:435px;
      	overflow:visible;
      }
      Code:
      .div0 {
      	width:970px;
      	display:block;
      	height:auto;
      	overflow:visible;
      }
      aber das ist auch nur der anfang
      Design & Coding with a breeze of madness at xjonx

      Kommentar


      • #4
        In Welchem Browser arbeitest du denn? Im Alten IE ist overflow soweit ich weiß Fehlerhaft.
        Nur wenige wissen, wieviel man wissen muss, um zu wissen, wie wenig man weiß.

        Kommentar


        • #5
          ich teste auf mac in FF, Safari und IE sowie auf DOS im FF und IE.
          Design & Coding with a breeze of madness at xjonx

          Kommentar


          • #6
            Das ist ein echtes Problem.

            Wenn Du nach "3-Spalten-Layout CSS" findest Du zwar Lösungen.

            Diese beziehen sich aber auf ein gesamtes (viewport-füllendes) Layout z.B. gibt es hier welche:

            http://www.cssplay.co.uk/layouts/3cols.html#

            und hier:

            http://www.cssplay.co.uk/layouts/index.html


            Meines Wissens gibt es für Dein Problem keine CSS-Lösung.

            Zuletzt geändert von Koala; 16.09.2006, 15:49.

            Kommentar


            • #7
              gibts es den nicht irgend ne trickser rei?
              mit minus werten etc?
              Design & Coding with a breeze of madness at xjonx

              Kommentar


              • #8
                das mit den Minuswerten bezieht sich auf eine gegebene Auflösung
                und ist zudem auch viewportfüllend.

                Kommentar


                • #9
                  Bei flexiblen Breiten wäre das wirkllich ein anspruchsvolles Problem - aber wenn du sowieso überall feste Breiten benutzt, wieso simulierst du dann die Rahmen nicht einfach über ein Hintergrundbild für das umgebende Element ...?
                  I don't believe in rebirth. Actually, I never did in my whole lives.

                  Kommentar


                  • #10
                    die sache ist ja eigentlich nicht das problem, wenn man mit festen werten arbeitet.
                    aber es letztlic darum, das man mit dem tollen vergrößerungsmodus (srtg&+)
                    die seite vergrößern können soll... und dann läufts halt über...
                    Design & Coding with a breeze of madness at xjonx

                    Kommentar


                    • #11
                      Such mal nach clearfix und wende das auf den div0 an

                      Ein netter Guide zum übersichtlichen Schreiben von PHP/MySQL-Code!

                      bei Klammersetzung bevorzuge ich jedoch die JavaCoding-Standards
                      Wie man Fragen richtig stellt

                      Kommentar


                      • #12
                        die sache ist ja eigentlich nicht das problem, wenn man mit festen werten arbeitet.
                        aber es letztlic darum, das man mit dem tollen vergrößerungsmodus (srtg&+)
                        die seite vergrößern können soll... und dann läufts halt über...
                        da du mit pixeln arbeitest, nutzt dir die strg&+ möglichkeit eh nichts, dazu muesstest du schon mit em arbeiten.

                        wenn du dazu noch möchtest, dass alle boxen immer gleich lang sind, musst du mit absoluten und relativen positionen sowie z-index arbeiten und damit nen bissel rumprobieren.

                        Die boxen sind dann zwar nicht gleich lang, man kann es aber simulieren, auch mit einer variablen Breite beim benutzen der vergrösserungsoption.

                        Es wird vermutlich nicht in allen browsern, aber in allen gängigen browsern laufen.
                        Sport Dates

                        Kommentar


                        • #13
                          Was is denn eigentlich der Zweck von div0?
                          Nur wenige wissen, wieviel man wissen muss, um zu wissen, wie wenig man weiß.

                          Kommentar


                          • #14
                            also:
                            ich habe das div0 als rahmen für die gesamte breite
                            und für das floatings verwendet, da die site horizentral
                            mittag ist...
                            Design & Coding with a breeze of madness at xjonx

                            Kommentar

                            Lädt...
                            X