nebeneinander liegende boxen angleichen

[Dennis]

Hallo leute,

in einem entwurf meines werten herrn grafiker kommt leider
ein problem auf mich zu, welches mich bisher dazu veranlasst,
nach jahren mal wieder auf ein tabellen-layout zurückzugreifen.
bevor ich diese schandtat verübe, wollte ich mich kurz mal umhören,
ob ich tatsächlich keine andere wahl habe.

sämtlicher content befindet sich in boxen, die nen farbigen hintergrund
und nen 1px rand haben. alle boxen sind 1px zur nächsten entfernt.

Problem: alle inhalte kommen aus ner datenbank - ich kann schon
mal für keine box eine feste höhe definieren. trotzdem soll am ende
keine lücke zur footerbox entstehen.

näheres siehe grafik.

.danke
.dennis

[:: RK ::]

hi,

hast du dich schon mal mit XHTML/CSS Frameworks wie YAML oder Blueprint auseinandergesetzt?

Würde dir eine Menge Ärger ersparen

[Dennis]

ich hab mir vor ner weile mal yaml angeschaut und hab ehrlich
gesagt keine ahnung, wozu das alles wirklich gut sein soll.
ich behaupte jetzt mal ganz frech, dass mein problem mit keinem
dieser frameworks zu lösen ist. am ende des tages ist das doch auch
nur css. und wenn etwas mit css nicht zu lösen ist, dann nützt
auch ein framework nichts.

[:: RK ::]

Zitat von Dennis

ich hab mir vor ner weile mal yaml angeschaut und hab ehrlich
gesagt keine ahnung, wozu das alles wirklich gut sein soll.
ich behaupte jetzt mal ganz frech, dass mein problem mit keinem
dieser frameworks zu lösen ist. am ende des tages ist das doch auch
nur css. und wenn etwas mit css nicht zu lösen ist, dann nützt
auch ein framework nichts.

Du hast nicht verstanden wozu diese Frameworks gut sind und wagst dennoch
eine solch gewagte Aussage? Naja, selber schuld. Man kann ja niemanden
zwingen

Aber weil ich ja nicht so bin, möchte ich dir folgendes Beispiel von der YAML
Website zeigen:

- Beispiel 2 - Spaltenhintergründe (klick unten auf 04_layouts_styling/3col_column_backgrounds.html)

[Nicmare]

büddeschön

[Dennis]

dass frameworks ganz im allgemeinen ne feine sache sind ist mir
durchaus bewusst. aber lösungsansätze, die nicht auch im entferntesten
auf das problem eingehen helfen auch nicht wirklich weiter.

ich habe natürlich vergessen zu erwähnen, dass die site ein recht großes
hintergrundbild haben wird - der bereich, der in der skizze gelb ist.
die einzelnen contentboxen haben einen 1px-abstand zueinander,
dort ist der seiten-hintergrund zu sehen.

es sind auch keine schlichten durchgehenden spalten von oben nach unten,
sondern sie beinhalten grafische boxen, die völlig unabhängig voneinder
sind. ich wüsste nicht auch nur ansatzweise wie man so etwas mit css
lösen sollte.

[:: RK ::]

Zitat von Dennis

es sind auch keine schlichten durchgehenden spalten von oben nach unten,
sondern sie beinhalten grafische boxen, die völlig unabhängig voneinder
sind. ich wüsste nicht auch nur ansatzweise wie man so etwas mit css
lösen sollte.

dann viel spaß mit der tabelle

sei mir nicht böse, aber wenn du dir etwas zeit nehmen würdest
um dich da ein bisschen einzulesen, dann würdest du sofort das
potenzial erkennen, dass in diesem (und anderen) Frameworks
steckt. Aber du stellst dich gerade ziemlich dickköpfig an, als
würdest du garnicht mit CSS arbeiten wollen

Ich hab schon sehr viel Erfahrung mit YAML gemacht und diese
waren durchweg positiv. Egal ob durchgezogene Spalten, oder
Kästen die neben einander, übereinander oder sonst wie
angeordnet waren.

Ich empfehl dir also nicht irgend etwas, blos weil ichs grad in
Google gefunden hab, sondern ich weis warum ich dir genau
das empfohlen hab.

[Dennis]

yep. dickkopf trifft den nagel auf denselben. das gebe ich zu.
dennoch wär es ja mal interessant zu hören, wie man solch
ein layout überhaupt mit css umsetzt. framework hin oder her.

wie am anfang erwähnt setze ich seit ewigkeiten voll und ganz
auf css, tabellen kommen mir normalerweise gar nicht ins haus.

deshalb ja hier meine frage, wie man es eben mit css umsetzt,
weil ich ja GERADE auf tabellen verzichten wollen würde.

btw: beide layout-beispiele, die hier genannt wurden, beschreiben
eben nicht meinen layoutwunsch ...

.vielen dank (ist ernst gemeint, ich klinge manchmal etwas
frotzelig, ist aber nicht so gemeint)
.dennis

[:: RK ::]

Zitat von Dennis

yep. dickkopf trifft den nagel auf denselben. das gebe ich zu.

[...]

.vielen dank (ist ernst gemeint, ich klinge manchmal etwas
frotzelig, ist aber nicht so gemeint)

kein thema

also mein Beispiel war auch nicht als fertige Lösung gemeint ... egal
jetzt bringst du mich wirklich noch soweit, dass ich dir ein richtiges beispiel mach. etwas geduld bitte

[Nicmare]

Zitat von Nicmare

büddeschön

hmm. bin ich irgendwie auf invisible gesetzt oder so? das erfüllt doch genau deine ansprüche.
nen komplett fertiges layout wirste eh nicht finden aber das ist doch ne sehr gute basis. das ist in 10 min auf deinen anspruch angepasst.

[Dennis]

- ne linke spalte 100% hoch, 1px umrandung
- rechts mehrere blöcke in einer spalte, alle 1px umrandung
- alle umrandeten blöcke 1px entfernt voneinander

a) ist links mehr inhalt als rechts, dann müsste der 3. block rechts bis unten gehen
b) ist links weniger inhalt als rechts, dann muss der linke block bis unten gehen

@nicmare
- ich sehe in deinem vorschlag keine lösung. im grunde habe ich mit ähnlichen layouts schon ne menge erfahrung, aber mein wunsch ist nochmal ne spur spezieller würde ich behaupten.

[Dennis]

ich mach nochmal ne genauere skizze. bis gleich.

[Nicmare]

also wenn ich mir deinen entwurf oben im 1. post angucke, dann sehe ich die lösung nahezu 1:1. gleich bringst du mich auch dazu das so anzupassen. ich meine das ist doch nur ne einfache anpassung. naja. du machst das schon

[Dennis]

so - ich hab jetzt mal 2 beispiele gemacht, diesmal etwas grafischer,
damit man genauer sieht, was das ergebnis sein soll.

ich hoffe, das erklärt es jetzt besser. durch die abstände UND die border
und die content-boxen ist es EBEN NICHT so schlicht gelöst. ich lass
mich aber gern eines besseren belehren.

- hintergrund
- halb-transparente, 1px umrahmte contentboxen
- die kürzere spalte muss dann immer automatisch bis zum footer
unten gehen

es gibt seiten mit 2 spalten, mit 1 oder auch mal 3. ist sehr unter-
schiedlich aufgebaut. aber das tut jetzt nix zur sache. wenn ich dieses
konzept löse, dann sind die anderen seiten nur noch fleißarbeit.

.dennis

[Dennis]

btw: dass ich nicht ganz grün hinter den ohren bzgl. dieses themas
bin beweist http://www.sternbuschweg.de.

da hab ich solch ein spaltenlayout mit 100% höhe ja auch schon
erfolgreich umgesetzt. aber da ging es mit nem kniff, weil alle
blöcke aneinander kleben. da gibt es eben keinen abstand zwischen
den blöcken - außerdem haben die blöcke keine eigene hintergrundfarbe.