DIVs automatisch in der Höhe anpassen.

[major.nooky]

Hi Leute.

Ich hab mich gestern hingesetzt und wollte mal meine Website überarbeiten.
Ich hab mir vorgenommen möglichst keine Tables und so zu verwenden und alles selbst im Editor zu tippen ohne WYSIWYG Editor. Nun habe ich das Problem, das ich ein div (main) hab und darin ein div (content). wenn ich aber nun mehr in den content schreibe als das main hoch ist, steht es quasi unten über. Eine Tabelle würde sich ja in der größe automatisch anpassen.

da ich es schwer beschreiben kann hier mal der Link:
http://area51.j-zero.de/v0/

ist bestimmt recht simpel zu lösen. aber ich find einfach nix. vielleicht such ich auch falsch.

ryan gehown

nO_okY

[dexcs]

Overflow ? (http://www.css4you.de/overflow.html)

[major.nooky]

hmm. erstmal danke für die antwort, aber overflow kann anscheinend nich das was ich möchte.

ich möchte das das übergeordnete Div in der größe verändert wird. aber die werte

visible, scroll, hidden und auto tun dies nicht. (d.h. auto macht genau das was ich will aber NUR im IE!)

hat wer ne lösung für mich?

[morpheus]

Das geht so nicht. Warum das so ist erfaehrst du, wenn du die Suchfunktion verwendest oder dir zumindest den vor letzten, in diesem Forum geposteten, Thread durchliest.

Allgemein ist es ausserdem eine gute Idee sich an anderen Seiten, welche von Leuten stammen, die sich mit der Materie auskennen, zu orientieren.

http://zeldman.com/

[major.nooky]

hmm.. ich steig da nicht durch.
wenn er mit "overflow" erkennen kann, das dein child zu groß ist, warum gibt es dann keine funktion, die das parent auf die größe anpasst?

wie machst du das auf deiner site?

[Rodnox]

Ich glaube dein Problem besteht darin, css zu verstehen. Du versuchst das mit css umzusetzen, was du vorher mit tabellen gemacht hast.

Wofür ist der main-div Container denn eigentlich da?
Für die Hintergrundfarbe? Sonst doch für nichts oder?
Normal würd ich dir zu "height:auto;" raten, solange aber nichts in diesem Container drin ist, wird die Autogröße immer 0 bleiben.

Warum entfernst du den main-container nicht einfach, vergrößerst den content-container und definierst die Positionen der Header, footer und navigationsleiste mit "top" und "left" auf ihre bisherige Position und legst die höhe des content-containers auf auto? Im Laufe des Abend mach ich dir mal ein Beispiel.


PS:codedefinierungen wie


border-width: 1px;
border-style: solid;
border-color: #E0E0E0;


lassen sich viel schneller und einfacher so



border: 1px solid #E0E0E0;

festlegen.

Auch spannend, dass du für den Header den border deaktivierst (0px) aber die Farbe für die nicht vorhandene Begrenzung noch festlegst.

[Rodnox]

Also.
Wie versprochen eine Alternative zu deinem Code.
http://www.rodnox.de/cssdemo/index.html

Das Menü und dein Header sind fixiert.
Die eigentliche Seite beginnt 140 Pixel vom rechten Rand des Seitengerüstes, welches wieder 160 Pixel neben dem Linken Browserrand festgesetzt wurde.

Die Höhe ist mit :auto; definiert und wird sich der Textmenge anpassen. Sollte nichts geschrieben sein, ist die Seite aber mindestens 600 Pixel groß, wird also nie verschwinden.

Ob du dir das mit dem Footer so vorstellst, weiss ich nicht, aber so hab ichs bei mir gemacht.

Auf Größendetails bin ich jetzt nicht eingegangen, das kannst du selbst anpassen.

Gruss
Falk

[major.nooky]

yo. läuft.
sehr cool, das du mir sogar nen beispiel gebastelt hast.
stimmt. das mit dem header border ist ziemlich sinnfrei. ist aber wohl beim testen entstanden, und hab einfach verplant die farbe zu löschen.

danke nochmal, die arbeit machen sich nicht viele.

ciao

nO_okY

[DrWhiteLetter]

clear:both;

hätte das eigentliche Problem auch gelöst.