Du bist nicht eingeloggt.

Login

Pass

Registrieren

Community
Szene & News
Locations
Impressum

Forum / Bits und Bytes

CSS Container "Center"

-manU-93- - 32
Profi (offline)

Dabei seit 09.2007
884 Beiträge

Geschrieben am: 22.04.2011 um 14:19 Uhr

Hallo, ich bin dabei eine homepage zu coden mit div container. Ich weiß nur leider nicht wie ich diese am einfachsten zentriert bekomme. Ich will es nicht mit einer TAbelle machen weil diese Form veraltet ist. Welche Befehle muss ich dazu wo eingen?


Nortex.eSport - Die neue Generation! www.nortex-esports.de Draufgehen und anmelden

sheeps
Team-Ulmler (offline)


Dabei seit 01.2007
5659 Beiträge

Geschrieben am: 22.04.2011 um 14:24 Uhr

Versuchs mal mit margin: 0px auto;
Siehe hier.

Tabellen zum Layout sind nicht veraltet.
Sie waren einfach nie dafür gedacht.
-manU-93- - 32
Profi (offline)

Dabei seit 09.2007
884 Beiträge

Geschrieben am: 22.04.2011 um 14:30 Uhr

Danke hat geklappt wie es aussieht, ich muss diesen Befehl nur in der CSS Datei anwenden?
Ist es dann immer Zentriert egal wie groß der Bildschrim ist?

Nortex.eSport - Die neue Generation! www.nortex-esports.de Draufgehen und anmelden

sheeps
Team-Ulmler (offline)


Dabei seit 01.2007
5659 Beiträge

Geschrieben am: 22.04.2011 um 14:35 Uhr

Kommt ganz drauf an, was du alles zentrieren möchtest.
Auf den Bereich, der zentriert werden soll wendest du diesen Befehl an.
Die Anwendung ist unabhängig von der Monitorauflösung.
-manU-93- - 32
Profi (offline)

Dabei seit 09.2007
884 Beiträge

Geschrieben am: 22.04.2011 um 14:40 Uhr

Okay, ja bis jetzt will ich erstmal meine Container zentriert bekommen, was ich geschaft habe. Jetzt habe ich nur emin nächstes Problem bei der navi, die will nicht so wie ich will :D

Nortex.eSport - Die neue Generation! www.nortex-esports.de Draufgehen und anmelden

sheeps
Team-Ulmler (offline)


Dabei seit 01.2007
5659 Beiträge

Geschrieben am: 22.04.2011 um 14:44 Uhr

Gibt's das Problem auch etwas genauer beschrieben? ;-)
-manU-93- - 32
Profi (offline)

Dabei seit 09.2007
884 Beiträge

Geschrieben am: 22.04.2011 um 14:47 Uhr

Ich habe eine Container für die navi. In diesen habe ich eine Tabelle eingefügt mit photoshop eine Navi gebaut gesliced und diese will ich jetzt einfügen und auf die Bilder einen Hyperlink setzten. Weiß nur nocht ob das so Vorteilhaft ist oder wie man das besser machen kann. Ich habe die Tabelle, den Container, die Bilder alle auf eine gleiche höhe gestellt. Nur Ist jetzt zwischen Head und navi ein weißer Spalt und ich weiß nicht woher dieser kommt.

Nortex.eSport - Die neue Generation! www.nortex-esports.de Draufgehen und anmelden

sheeps
Team-Ulmler (offline)


Dabei seit 01.2007
5659 Beiträge

Geschrieben am: 22.04.2011 um 14:58 Uhr

Füge mal das hier ganz an den Anfang deiner CSS-Datei, und schau, ob der Abstand dann weg ist:

* {
margin:0px;
padding:0px;
}
shado - 38
Profi (offline)

Dabei seit 01.2005
509 Beiträge
Geschrieben am: 22.04.2011 um 15:19 Uhr

framework wie yaml benutzen und am anfang ein reset.css laden. ist zwar jetzt aufwändiger, auf lange sicht aber deutlich besser.

dein aktuelles problem löst du mit vertical-align: bottom.
-manU-93- - 32
Profi (offline)

Dabei seit 09.2007
884 Beiträge

Geschrieben am: 22.04.2011 um 15:40 Uhr

Zitat von shado:

framework wie yaml benutzen und am anfang ein reset.css laden. ist zwar jetzt aufwändiger, auf lange sicht aber deutlich besser.

dein aktuelles problem löst du mit vertical-align: bottom.


kannst du das genauer erklären?

Nortex.eSport - Die neue Generation! www.nortex-esports.de Draufgehen und anmelden

shado - 38
Profi (offline)

Dabei seit 01.2005
509 Beiträge
Geschrieben am: 22.04.2011 um 22:49 Uhr

was meinst du?

- frameworks
- reset.css
- vertical-align: bottom

?
-manU-93- - 32
Profi (offline)

Dabei seit 09.2007
884 Beiträge

Geschrieben am: 23.04.2011 um 10:54 Uhr

Zitat von shado:

was meinst du?

- frameworks
- reset.css
- vertical-align: bottom

?


alle drei :d

Nortex.eSport - Die neue Generation! www.nortex-esports.de Draufgehen und anmelden

  [Antwort schreiben]

Forum / Bits und Bytes

(c) 1999 - 2026 team-ulm.de - all rights reserved - hosted by ibTEC Team-Ulm

- Presse - Blog - Historie - Partner - Nutzungsbedingungen - Datenschutzerklärung - Jugendschutz -