Wie mach ich das mit divs ?

hallo

ich habe derzeit auf meiner homepage (star-gate-universe.de) ein tabellendesign, zumindest auf der ersten seite.

ich würde gerne wissen wie ich das horizontal und vertikal mit einer css datei zentriere und wie ich die divs anlegen kann, damit die startseite richtig zusammengesetzt ohne lücken ist… (man sieht ja das es zz auf der ersten seite tabellenmäßig aufgebaut ist)

gruß

web673

und ja ich habe die sufu benützt… (nichts funktionierendes gefunden)

xDDD

gehört zwar net hin aber stargate isd cool ich kenne alle folgen :wink:

mit divs würde ich das so machen:

[code]

[/code]

P.S musst du halt bearbeiten ich machs net für dich :smiley:

aber wenne hilfe brauchst mail mir einfach^^

ich würde den CSS-Code gleich in eine extra CSS-Datei auslagern, dann muss man nur diese Datei verändern, und nicht jedes mal die ganzen einzelnen Seiten, wenn man etwas an einem Div verändern will/muss.

das bezieht sich ja nur auf die startseite ^^.

grüße

danke schonmal ich werds probieren ^^

Ich mache den Aufbau immer so:

width:1000px
float:left;width:200px
float:left;width:800px

Das floaten bewirkt, dass die divs nebeneinander rücken - wenn der Platz reicht. Navigationen kann man gut mit ul+li aufbauen. Dem ganzen gibt man noch Attribute wie Hintergrundbild, padding usw. Und kümmert sich mit einem IE-Hack um den Internet Explorer, der sein eigenes Ding macht.

Genau - aber warum dann der Div außen rum?

    kannst du genauso formatieren (breite, float, etc.)

Eine Idee dazu:

[code]

[/code][ul] [li]#alles für height: 100%; die horizontale Zentrierung und die Grafik mit den Seiten.[/li][li]#ul für position: relative;[/li][li]#alles_innen für die vertikale Zentrierung.[/li][li]#li_1 bis #li_7 werden absolute positioniert und bekommen die zerschnittenen Grafiken.[/li][li]ul li a bekommen die Grafiken mit den Texten[/ul]Am schwierigsten dürfte die vertikale Zentrierung sein.[/li]Lese dazu mal ab hier abwärts: http://www.html.de/html-und-xhtml/20388-div-zentrieren-2.html#post163578

In deinem Fall passen alle dort beschriebenen Beispiele nicht so richtig.
Entweder basieren sie auf Boxen mit prozentueller Höhe oder sind nur für sehr kleine Boxen geeignet. Am ehesten würde der zweite Beispiel-Link von prm in Frage kommen.
Den müsstest du von em in px umschreiben.

Das Beispiel stammt (wenn ich mich nicht irre) von einer einer Autorin dieses Buchs:
dolphin’s back - Debugging und fortgeschrittene CSS-Techniken
(noch nicht im Handel)

Der äußere div ist für die Zentrierung und Begrenzung. Eine Navigation neben dem Header und ein hochgerutschter Footer ist ja nicht das wahre.

Was denn für ein Footer? Die Startseite besteht doch nur aus einer Navigation mit Grafiken.

danke für eure hilfe ^^

kann mir wer ein genaueres beispiel machen da ich nicht wirklich kapiere was ihr so durcheinander schreibt…

grüße

web

Schau dir diesen Beitrag nochmal an:

mit dem da geschriebenen kannst du schon sehr weit kommen.