[Div-Boxe] "rowspan" bei DIVs?

[DirkHo]

Hi,

ich will unsere Seite mit DIV-Boxen machen. Nun würde ich gerne wissen, wie ich das Menü über mehrere DIV-Boxen lang machen kann (siehe unsere Seite).

Danke und Grüße,

Dirk

[forTeesSake]

Hübsches Layout, aber was genau meinst du denn mit "das Menü über mehrere DIV-Boxen lang machen" ?

meinst du untermenüpunkte?

viele grüße

[geloescht_JesterDay]

wie ich das Menü über mehrere DIV-Boxen lang machen kann (siehe unsere Seite).

div != td

Was du hier ganz offensichtlich tun willst, ist nämlich genau das. Einfach deine Tabellenzellen durch divs ersetzen.

Divs sind nur Hilfskonstrukte, kein allgemeines Layoutmittel.

[DirkHo]

Hi,

danke für eure Antworten!

Also, daß ich die tds nicht durch div ersetzen kann ist mir klar und daß rowspan in div nicht geht ebenso.

Es müßte aber doch trotzdem gehen, daß ich 3 Spalten habe. Die linke Spalte hat 2 Zeilen, die mittlere 1 (die so hoch ist wie die beiden linken zusammen) und 2 Zeilen in der rechten Spalte.

Wie kann ich nun mit den DIVs erreichen, daß ich diese mittlere Spalte in der Höhe der beiden linken erstelle?

Geht das überhaupt?

danke und Grüße,

Dirk

[forTeesSake]

Möchtest Du die "pro fans..." Grafik wohl "unten bündig" haben?

Oder welche genau sind deine 3 spalten?

Links, Navigation, Rechts oder?

[DirkHo]

Genau: Links, Navigation, Rechts.

Links unterteilt in die Grafik oben und das hellblau unterlegte

Rechts unterteilt in Grafik oben und den "beigen" Teil.

Danke und Grüße,

Dirk

[FMG]

Wie JesterDay schon schrieb: Bitte nicht Tabellenzellen mit div-Tags gleichsetzen!

Was du benötigst, ist ein div (mit der Hintergrundfarbe vom Menü) für den Rahmen bzw. um die Seite mittig zu bekommen.

Dann kommt die Grafik (am besten eine draus machen - mit img-Tag!) und eine ungeordnete Liste (ul). Erst dann kommen wieder zwei div-Tags für rechts bzw. links.

[DirkHo]

Hi FMG,

danke! Habe es jetzt hinbekommen. Wäre nie von selbst darauf gekommen das so einfach zu lösen.

Danke und Grüße,

Dirk

[forTeesSake]

Ach jetzt versteh ich erst worums geht? Oo der Schlauch...

Na, das ist doch kein Problem.

Thema "css 3 column layout" in Google.

Wichtig Dabei "float", "display" und"margin" im CSS Bereich.

Eine Seite dazu:

Example - In search of the One True Layout - Boxes

Und die Hauptseite, denn da gibts auch noch anderes Interessantes

Introduction - In search of the One True Layout

[DirkHo]

Hi,

danke für die Antwort! Da muß ich mich aber erstmal reinlesen / -denken. Auf den 1.Blick sieht's nach üblem **** aus...

Im Moment bin ich wieder am Überlegen, ob ich vielleicht doch wieder auf Tabellen umsteigen soll (kommt mir irgendwie einfacher / übersichtlicher vor) und nur best. Sachen dann mit DIVs löse (umfließende Boxen,...).

Vielleicht ändere ich meine Meinung aber auch wieder, wenn ich die oben geposteten Links erstmal verstanden habe...

Danke nochmals und Grüße,

Dirk

[Aiun]

eine Anmerkung meinerseits:

auch mit Tabellen ist 100% höhe NICHT möglich. es sei denn du arbeitest im Quirks Mode, was ungefähr HTML 3 oder schlimmer gleichkommt, ich glaube da ging das noch.

Wenn du 100% höhe haben willst, empfehle ich: sieh dir Div-Layer und ein wenig Javascript an und mach es sauber(er).

[geloescht_JesterDay]

Wichtig Dabei "float", "display" und"margin" im CSS Bereich.

Hab das nur mal überflogen, aber ein Problem bei float ist immer, dass ein float das Element aus dem Textfluß nimmt. Das übergeordnete Element wird damit also nicht vergrößert wenn das floatende Element mehr Inhalt hat.

Ich will endlich inline-blocks! Das soll angeblich erst in CSS3 kommen, aber Opera kann das seit Version 7.

Aber ich sehe dann schon, dass die 1:1 Umsetzung td -> div noch viel mehr zunehmen wird, weil es damit dann ja sogar gehen würde.