div automatisch erweitern.

[louS]

Hi,

ich hab folgendes Problem:

Testseite

Das ist die Seite die ich in typo3 einbinden will.
Allerdings gibt es da ein kleines Problem. Und zwar seht ihr ja im content bereich diese platzhaltertext. Ich möchte nun, sofern der text länger als das contentfenster ist, dass sich der div erweitert mti dem background dazu. Es sind 2 divs.

Ich probier schon seit 2 stunden rum, ich komm einfach nicht weiter

Danke schonmal

 

[Back2toxic]

Ich verstehe dein Problem nicht ganz.

Soll sich der Div in der Höhe anpassen? dann lass einfach mal die Höhenangabe in #content2 weg.

 

[louS]

Andere frage, wenn im content bereich sag ich mal nur eine Zeile drin steht. dann ist der bereich ansich ja auch nur eine zeile hoch. Kann ich das so einstellen das wenn der text nicht über sagen wir mal 800 pixel hinausgeht, dass dann eine feste höhe vorgegeben wird?

Und gibt es eine möglich das der text sagen wir mal 10 pixel vom div entfernt sein soll. Rechts sowie links

 

[Back2toxic]

Kann ich das so einstellen das wenn der text nicht über sagen wir mal 800 pixel hinausgeht, dass dann eine feste höhe vorgegeben wird?

min-height (http://www.css4you.de/min-height.html)

Und gibt es eine möglich das der text sagen wir mal 10 pixel vom div entfernt sein soll. Rechts sowie links

padding (http://www.css4you.de/padding.html)
Beim Padding aber darauf achten, dass sich die breite/höhe des Elements um 'padding' erhöht.

Hast du zum Bleistift ein Div mit 100px breite und 10px padding rechts und links, so wird dein Div letzendlich 120px breit sein.

 

[Maik]

Hi,

Allerdings gibt es da ein kleines Problem. Und zwar seht ihr ja im content bereich diese platzhaltertext. Ich möchte nun, sofern der text länger als das contentfenster ist, dass sich der div erweitert mti dem background dazu. Es sind 2 divs.

standardkonforme Browser behandeln u.a. die derzeitigen Höhenangaben für #content und #content2 als fixe Höhe, d.h. alles was an Inhalten darüber hinausgeht, wird über den unteren Elementrand hinaus dargestellt und die Box behält ihre deklarierte Höhe. Lediglich der IE6 (und älter) betrachtet eine height-Deklaration fälschlicherweise als "Mindesthöhe" und würde die Boxenhöhe dem Inhalt anpassen.

Mit min-height steht dir eine standardkonforme CSS-Eigenschaft zur Verfügung, um der Box eine Mindesthöhe mit auf dem Weg zu geben, die dann bei einem zunehmenden Inhalt "mitwächst". Dies beantwortet zugleich die Frage in deinem zweiten Post.

padding (http://www.css4you.de/padding.html)
Beim Padding aber darauf achten, dass sich die breite/höhe des Elements um 'padding' erhöht.

Das Stichwort lautet hierzu: CSS-Boxmodell.

mfg Maik