Drei divs immer untereinander ausgeben bei dynamischem Inhalt

[Mike]

Hallo,

ich habe ein css-Problem.

Ich will eine Seite erstellen, die aus mehreren div-Bereichen
besteht, die untereinander angeordnet sein sollen:

+-----------------------------------------------------------+
| div 1                                                     |
+-----------------------------------------------------------+
| div 2                                                     |
+-----------------------------------------------------------+
| div 3                                                     |
+-----------------------------------------------------------+

In div 1 werden Informationen zur aktuellen Ansicht angezeigt.

In div 2 will ich die Möglichkeit einbinden, Filteroptionen für
div 3 anzeigen oder verbergen zu lassen.

In div 3 werden Informationen in Listenform ausgegeben.

Mein Problem ist nun, dass sich die Höhe des divs 2 ändern kann,
je nachdem ob erstens die Filteroptionen angezeigt werden oder
nicht und zweitens die verschiedenen Filteroptionen selber
unterschiedliche Höhen haben können.

Der div 3 soll aber immer an div 2 anschliessen.

Alle drei div-Bereichs sollen die Breite 100% haben.

Mit welchen css-Definitionen kann ich mein Vorhaben realisieren?

Danke und Gruß
Mike

[stareagle]

Moin,

Ich will eine Seite erstellen, die aus mehreren div-Bereichen
besteht, die untereinander angeordnet sein sollen:

Mit welchen css-Definitionen kann ich mein Vorhaben realisieren?

Ich verstehe nicht ganz, wo dein Problem liegt. Untereinander liegen die Divs doch von sich aus, und die Breite kannst du für jeden Div auf 100% setzen.

Eventuell noch margin und padding anpassen und dann sollte es so aussehen wie gewünscht.

Ansonsten musst du dein Problem noch mal genauer beschreiben.

Gruß

Stareagle

[Beat]

Mit welchen css-Definitionen kann ich mein Vorhaben realisieren?

Die Frage ist eher, was hast du getan, dass ein Problem besteht.
Deine erwünschte Eigenschaft entspricht dem Default-Stylesheet.
Dieses beinhaltet unter anderem:

div{
 position:static;
 display:block;
 height:auto;
 width:auto;
 margin:0;
 padding:0;
 border:0;
}

mfg Beat

[Steel]

Hi!

Mit welchen css-Definitionen kann ich mein Vorhaben realisieren?

Da Du die Standardeinstellungen eines Divs beschreibst: mit keiner.

Du musst nur noch das zweite Div per display:none und display:block aus- und einschalten, wenn ich Dich richtig verstanden habe.