Div oder doch Tabellen

[rogy]

Komme mit meinem Template einfach nicht zum gewünschten Ziel. Habe das ganze mit Divs augebaut. Aber mein CSS Wissen ist noch nicht top. Hier mal meine Seite: http://bienz-treuhand-ch.site-preview.n ... ?ueber-uns.
So weit so gut. Aber wenn ich mehr Inhalt habe: http://bienz-treuhand-ch.site-preview.n ... itarbeiter Möchte ich aber das sich die linke Spalte (sidebar1) je nach Inhalt sich der Rechten Spalte (mainContend) in der Höhe mit anpasst. Die Adresse soll auch immer links unten sein. Danke für einen CSS-Tipp.

[pepe]

Du könntest ggf. die linke Spalte und die Content-Spalte mit einem gemeinsamen Div umfassen... und für diesen Container dann ein Hintergrund-Image mit den gewünschten Farbstreifen versehen???

[flip-flop]

..... oder du verwendest eine dieser Layouttechniken:

Brunildo: CSS tests and experiments

- [3 columns layout (fixed widths)]
- [3 columns layout (fixed widths)]
- [3 columns layout (central fluid)]

- [2 columns layout (fixed widths)]
- [2 columns layout (fixed widths)]
- [2 columns layout (right fluid)]

Knut

[rogy]

Danke für die Tipps und Links. Habe es nun mit einem Div um die Sidebar links und Content gemacht.
http://bienz-treuhand-ch.site-preview.n ... ?ueber-uns
Was ich aber nicht schaffe ist das der Adressenblock immer unten mit dem Content(recht) mit der letzten Zeile bündig ist.
Ich möchte den Div#Sidebar2 immer von unten ausrichten..aber wie?

[update]

Habe es nun mit einem Div um die Sidebar links und Content gemacht

Und welches Beispiel hast Du als Grundlage genommen? Da waren doch welche dabei mit einem div ganz unten...

[flip-flop]

.... Ganau, wie Claus sagt, im ersten Bsp. recht gut zu sehen wie so etwas funktionieren kann.

Ein anderes Beispiel:
Auf dieser Seite steht die Copyrightzeile immer unten. (Grundstock ist das Layout Nr.5).

Knut

[rogy]

Habe mein Template mit Dreamweaver CS4 zusammengebastelt. Wenn ich einen Footer div mache habe ich die Adresse immer unten, wäre aber mit dem rechten Spalte (Content) und mit der letzten Zeile des Content nicht bündig. Ich habe ich der linken Spalte einen Div "sidebar" welche zwei weiter Div "sidebar1" und "sidebar2" beinhaltet. Kann ich zB. Sidebar1 wo die Navigation drin steckt oben bündig und sitebar2 wo die Adresse drin ist, unten im Div "sitebar" bündig machen? ...sollte mir doch mal ein Buch über CSS zulegen

[flip-flop]

Ich denke das ist

...sollte mir doch mal ein Buch über CSS zulegen

der entscheidende Satz.

Aus meiner Sicht kommst du mit deiner Templatevariante nicht ganz so weit.
Du brauchst ein Layout das wirklich "Any column may be longest." verfolgt und nicht so eines mit diesem Taschenspielertrick - große Hintergrundgrafik über alle
Spalten.

Schau dir die Grundlagen/Beispiele oben an. Dort findest du was du suchst.

Knut

[Jensensen]

... Auf dieser Seite steht ...

azlan-ibm

mal eben - und nur für ganz blöde aber trotzdem auch nur ganz kurz - nachgefragt: a... ist das eine, i... das andere, oder?

"a" sind doch eigentlich "nur" so etwas wie "Partner" vom anderen "i", oder verstehe ich da etwas falsch?
ja, hat das denn noch keinen markenrechtler auf den plan gerufen?

gibt es schon jimmy-MS oder johnny-quark, oder billy-adobe oder peter-ibm, paul-ibm, andmary-ibm...nein, noch nicht? ja, da muss man doch sofort... dann hole ich mir die domains mal ga{äh}nz schnell ??


[wenngleich BlueCold-unddabeinoch-WarmSchwarmCharmOptisch wirklich sehrveryprettynett --- bei aller {vordergründiger}SchwarmCharmSchWurmIntelligenz -- hin -- her -- :==> Geschmäckle ./. := OFF]

ist doch klar: anstatt websphere, würde ich mir sofort und auch viel lieber ein kleines, schnuckeliges phpwcms mit einem ausgereiften, granular-dedizierbaren web3.0-GURM auf den server packen..........

[flip-flop]

Das ist auch ein Partner von I.. soweit ich weiß. Mit Orac.... verhält sich das ähnlich.
Ich bin mir ziemlich sicher, dass das zwischen den Firmen geregelt ist. Peri könnte da vielleicht mehr zu sagen.

Knut

[kukki]

Sieht gut aus und gefällt mir

Aber in Deinem System steckt der Teufel drin:
<div id="mainBlock"><body class="twoColFixLtHdr"> ... body
<div id="container"> ... doppelt enthalten, Ein solcher "Anker" mit Namen "container" wurde bereits definiert!

und wenn ich das richtig sehe, fehlt eventuell auch ein schließendes DIV

[santscho]

Es ist wohl wieder mal an der Zeit, für YAML Werbung zu machen

oder google mal nach "faux column"

Santscho

[markus s]

wenn ich die fragestellung betrachte, versteckt sich der inhalt mit
den tabellen ? was wolltest du wissen ? dass die tabellenära im webdesign
vorbei ist, sollte bekannt sein...

[santscho]

Tabellen-Layouts sind total uncool.
Aber ich gestehe....Ich verwende manchmal auch mit CSS-formatierte Tabellen als Unterteiler: Mal eine Tabelle im DIV-Header mit zwei Columns und 2 Rows ist kein Verbrechen. Oder eine zweispaltige Tabelle in der horizontalen Navigation (links Navi, rechts Such-Widget). Für kompliziertere Inhalte (zum Beispiel sich wiederholende Felder-Kombis für den CP Teaser/Artikellink) greife ich mal auf Tabellen zurück. - Aber natürlich nur CSS-gesteuert. Denn DIVs bereiten halt schon öfters mal Kopfschmerzen, wenns mit der Browser-Kompatibilität nicht so ganz hinhauen will. Speziell wenn es besonders eilt und man auf die Schnelle nicht heraus finden kann, wo der Hund begraben ist.

Und dann... grosses Thema: Zugänglichkeit des Inhaltes für Sehbehinderte. Sehr wichtig! CSS ermöglicht dem Besucher mit "Screen Reader" ein komfortableres Browsen des Inhaltes. Zum Beispiel durch die logische Anordnung des Inhaltes und die Integration von "Skip"-Links in der Navigation. Und für den Inhalt: Formulare, welche auf Tabellen basiert sind, sind sehr ungeeignet für Screen Reader. Wenn Zugänglichkeit für Menschen mit Behinderung für die Seite sehr hoch gewichtet wird, sollte man diese besser mit CSS gestalten. Der phpwcms Formulargenerator produziert, soviel ich weiss, immer noch Tabellen-Formulare. müsste nicht so kompliziert sein, dies im Core von phpwcms abzuändern (aber wo?). Zum Glück kann man Formular-Felder auch selber zusammenstellen.

[Jensensen]

... Der phpwcms Formulargenerator produziert, soviel ich weiss, immer noch Tabellen-Formulare...

Das ist nur eine von drei Einstellungsmöglichkeiten. Seit ewigen Zeiten schon kann man den Generator auch dazu veranlassen, individuell gestaltete bzw. konzipierte Formular-VORLAGEN zu verwenden. Wenn in dieser Vorlage auf ein Table-Konzept verzichtet wird, benötigt man lediglich CSS sowie floats und kann damit jedes Formularelement formatieren.