Wachsende Container
Moin,
ich möchte zwei Container (Boxen) nebeneinander darstellen. Beide Boxen mit div sollen von der Höhe immer gleich sein. Gibt man in einer Box Text ein, so soll die andere Box entsprechen mitwachsen. Lässt sich das realisieren? Danke schonmal im Voraus :mrgreen: |
http://xhtmlforum.de/40267-faq-h-ufi...-und.html#faq1 ich überlege ernsthaft wieso sich niemand faq u.ä durchliest....
|
Die FAQ's hatte ich noch nicht entdeckt.
Bin neu hier :roll: Wenn ich das richtig verstehe (aus FAQ 1), funktioniert das so wie ich mir es vorstelle leider nicht. |
geht schon, wenn du dein Problem richtig bescheibst uns deinen bisherigen code zeigst etc :P clear und float könnten auch helfen ;)
|
Liste der Anhänge anzeigen (Anzahl: 1)
So sollte es es aussehen (funktionieren).
Zwei Container nebeneinander mit Textbereichen, in den jeweils beliebig Text eingegeben werden kann. Der Textbereich sollte eine min. Höhe haben und mit dem Text mitwachen können. Beide Container sollten dabei immer die gleiche Höhe haben (abhängig von einander). |
Zitat:
Mit Faux Columns macht man so etwas. Hier mal ein Tutorial zum Durcharbeiten. Vielleicht kommst du damit besser zurecht. Ach ja, Faux Columns Liquid gibt es auch noch. |
Hallo,
ich stehe vor dem gleichen (oder nur einem ähnlichen?) Problem. Ich habe ein Layout gebastelt mit verschachtelten DIVs im oberen Bereich. Darunter kommt dann der eigentliche Hauptbereich. Drum herum ist ein Container DIV. Dieser Container soll mitwachsen (da ich damit den Schlagschatten realisieren will). Leider wächst er aber mit dem Hauptbereich nicht mit. Die Faux Columns Technik scheint mir aber nur für DIVs die nebeneinander sind zu sein?! Hier mal der HTML/CSS Code: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Code:
@charset "UTF-8"; die Lady |
Hier noch der HTML/CSS Code von mir:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> HTML-Code:
.row { width:645px; border:0px solid red; margin:0 0 20px 0; } |
Zitat:
Arbeite lieber die Tuts durch, damit du die Technik verstehst und anwenden kannst. ;) |
Allein ein Hintergrundbild (Faux Columns) hilft da aber nicht weiter.
Die einzelnen Boxen haben einen Rahmen und einen Fussbereich (Download-LinK), der dadurch nicht mitwächst. Einfaches Beispiel dazu: HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
Alle Zeitangaben in WEZ +2. Es ist jetzt 20:20 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023