Chris: letzte Frage zur CSS Box Ausrichtung! ;-)

Hallo,

ich muss nochmal damit nerven. Tschuldigung!
(Aber ich mache Vortschritte)

Die Ausrichtung von Box 1,2,3,4 klappt wunderbar.
Nun soll Box 5 unter Box 4 liegen und eine weitere als Fußzeile.

-------------------------------------------
| Box1                                      |
 -------------------------------------------

-------       ------------------   ------
 |Box2   |     |Box3              | |Box4  |
 |       |     |                  | |      |
 |       |     |                  | |      |
 |       |     |                  | |      |
 |       |     |                  |  ------
 |       |     |                  |  ------
 |       |     |                  | | Box5 |
 |       |     |                  | |      |
  -------       ------------------   ------
  -----------------------------------------
 |Box6                                     |
  -----------------------------------------

Ausschnitt aus der CSS Testdatei:

body
{
margin: 0;
padding: 0;
background-color: #285B7A;
}

#Box1
{
overflow:hidden
width: 1024px;
height: 30px;
margin-bottom: 20px;
background-color: #ccccdd;
}

#Box2
{
float: left;
width: 158px;
margin-left: 30px;
margin-right: 30px;
background-color: #ccccdd;
}

#Box3
{
float: left;
width: 560px;
height: 480px;
padding: 12px;
border: 1px dashed silver;
margin-right: 30px;
background-color: #ccccdd;
}

#Box4
{
float: left;
width: 136px;
height: 200px;
padding: 12px;
margin-bottom: 12px;
margin-right: 20px;
background-color: #ccccdd;
}

Wie müsste ich Box 5 und 6 jetzt definieren damit ich zu dem Ergebnis komme? Hab es bisher in keinem Bericht für mich verständlich erklärt gefunden :-/

  1. Hello out there!


    Box1

    -------       ------------------   ------
    |Box2   |     |Box3              | |Box4  |
    |       |     |                  | |      |
    |       |     |                  | |      |
    |       |     |                  | |      |
    |       |     |                  |  ------
    |       |     |                  |  ------
    |       |     |                  | | Box5 |
    |       |     |                  | |      |
      -------       ------------------   ------
      -----------------------------------------
    |Box6                                     |
      -----------------------------------------

    Wie müsste ich Box 5 und 6 jetzt definieren damit ich zu dem Ergebnis komme?

    Wenn Box 4 nicht die Eigenschaft float: left hat, wird Box 5 unter dieser dargestellt; wenn sie noch neben Box 3 passt, ist sie doch dort, wo du sie haben willst.

    Wenn Box 6 nicht neben Box 3 passt, wird sie unter allem dargestellt. Nachhilfe mit http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clear@title=clear bietet sich an.

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
  2. Hello out there!

    ich muss nochmal damit nerven.

    Und das nächste Mal stellst du bitte eine Folgefrage im alten Tread und machst keinen neuen auf.

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
    1. Und das nächste Mal stellst du bitte eine Folgefrage im alten Tread und machst keinen neuen auf.

      Wird gemacht.

      Aber was du da beschrieben hast funktieuniert nur halb.
      Wenn ich bei Box4 float: left weglasse geht zur Box5 unter Box4 aber beide Boxen stehen dann am linken Rand der Seite.

      1. Hello out there!

        Hm, seh grad, dass FF 1.5 rumzickt. Warum bitte ist die "6" außerhalb ihrer roten Box? http://gunnarbittersmann.de/2006/boxes-20060315.html

        Gruppiere doch einfach Boxen 4 und 5 in einem weiteren div.

        See ya up the road,
        Gunnar

        --
        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
    2. Hi,

      Und das nächste Mal stellst du bitte eine Folgefrage im alten Tread

      von welchem alten Trittbrett sprichst Du? ;-)

      Wieviele Möglichkeiten gibt es eigentlich, thread falsch zu schreiben und trotzdem ein englisches Wort zu erwischen?
      thread - Faden
      threat - Bedrohung
      tread  - Trittbrett
      treat  - Leckerei
      thead  - (ein HTML-Element, dict.leo.org listet zumindest t-head als Hammerkopf)

      thrad, thred, thrat, thret, threed, thraad liefern jeweils kein Ergebnis, ebensowenig Varianten ohne t am Anfang oder mit d statt t am Anfang ...

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      Schreinerei Waechter
      O o ostern ...
      Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      1. Hallo MudGuard.

        treat  - Leckerei

        Hier würde ich aber eher „Behandlung“ im sozialen Sinne sagen.

        Einen schönen Mittwoch noch.

        Gruß, Ashura

        --
        sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
        mathbr:del.icio.us/ mathbr:w00t/
        1. Hi,

          Hier würde ich aber eher „Behandlung“ im sozialen Sinne sagen.

          Behandlung kenn ich (so wie auch dict.leo.org) als treatment, nicht als treat.

          Würde mich doch sehr wundern, wenn die Kinder an Halloween eine Behandlung fordern würden mit ihrem "trick or treat" ;-)

          cu,
          Andreas

          --
          Warum nennt sich Andreas hier MudGuard?
          Schreinerei Waechter
          O o ostern ...
          Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
          1. Hallo MudGuard.

            Hier würde ich aber eher „Behandlung“ im sozialen Sinne sagen.

            Behandlung kenn ich (so wie auch dict.leo.org) als treatment, nicht als treat.

            Mir ist beides bekannt, aber bisher war mir „treat“ als Kurzform von „treatment“ geläufig.

            Einen schönen Mittwoch noch.

            Gruß, Ashura

            --
            sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
            mathbr:del.icio.us/ mathbr:w00t/
            1. Hallo Ashura,

              Mir ist beides bekannt, aber bisher war mir „treat“ als Kurzform von „treatment“ geläufig.

              aber nicht in der offiziellen Sprache. In der Umgangssprache ("Slang") kann einem das schon mal begegnen, sonst höchstens noch "treat" als Verb.

              Nice evening, too,
               Martin

              --
              Die meisten Menschen werden früher oder später durch Computer ersetzt.
              Für manche würde aber auch schon ein einfacher Taschenrechner genügen.
  3. Ich bekomme es immer noch nicht so ganz hin?
    Weiß nicht wodran ich nicht gedacht habe?

    HELP!