3 Boxen, Puffer...

GFXShorty · 17. September 2007, 13:07

Hallo,

mich beschäftigt folgendes ich habe 3 Boxen BSP. siehe Anhang.

Ich möchte aber von oben bis unten Text durchgehend reinschreiben nur die 2 box soll sich soweit verlängern wie es benötigt wird! Puffer eben. Aber dadurch das ich 3 verschiedene bilder habe = 3 Tabellen kann ich ja nur in jede tabelle einzeln schreiben ohne das ich durchgehen von der 1 - 3 schreibe?
gibt es da Lösungen?

MfG Danke!

Torben Brodt · 17. September 2007, 14:11

Boxen in Form von von DIVs oder Spalten sind in sich geschlossen. So kannst du nicht durchgehend schreiben. Wozu brauchst du also Boxen ohne Boxverhalten?
Einziges Szenario, das mir einfällt ist eine Box, die aus mehreren Bildern besteht. Oben/Unten fix und in der Mitte flexibel.

Dazu brauchst du nur 3 DIVs ineinander. Eins wiederholend für den Hintergrund, eins nicht-wiederholend mit oben-ausgerichtetem Hintergrund, eins mit unten-ausgerichtetem Hintergrund.

Quellcode

<div class="top">
<div class="bottom">
<div class="center">
Inhalt
</div>
</div>
</div>

GFXShorty · 17. September 2007, 15:00

Aber bei deinen bsp. würde ich doch dann auch nur in die mitte schreiben oder nicht?
und die anderen felder nicht berühren!

Torben Brodt · 17. September 2007, 16:40

Wie gesagt. Keine Boxen ohne Boxverhalten.
Erklär uns doch einfach, warum du 3 Zeilen haben willst, sie aber nur wie eine einzige behandeln willst.

GFXShorty · 18. September 2007, 14:48

weil cih 3 verschiedene Grafiken habe aber nur die mitte sich verlängern sollte fals der text über die seite hinaus gehen sollte!

Torben Brodt · 18. September 2007, 17:41

Ja, passt doch alles

Musst nur den CSS Code schreiben.
Poste mal deine CSS und einen Screenshoot und sag mir, was dir daran nicht gefällt.

GFXShorty · 20. September 2007, 12:49

Hab es geschaft

war ne gute lösung

schön dank an euch.

Torben Brodt · 20. September 2007, 14:50

Poste dennoch mal die fertige Lösung.

3 Boxen, Puffer...

3 Boxen, Puffer...

Quellcode

Teilen

Benutzer online 1

Tags