Zentrieren mit CSS

[Detlef G.]

Hallo Ingo

Hier das Ergebnis: http://www.spaceart.de/_Test/Test-03.shtml

Sehr schön.

Du solltest das CSS vor alten Browsern (4er Versionen) verstecken, die
kommen damit nicht wirklich klar und Netscape 4.x hängt sich sogar auf.
Wenn du es unbedingt für nötig hälst, kannst du ihnen eine old.css anbieten,
die lediglich Schriftangaben und Farben enthält (s. meine Beispielseite).

Schau dir Logo-1.gif mal ohne CSS an.

Ja, das ist mir auch schon aufgefallen
(im Opera kann man die CSSe ja abschalten).
Aber macht es nicht eher sogar noch mehr Sinn, die Navi
bei nicht CCS-Ansicht zuerst zu sehen?

Was interessiert dich als erstes, wenn du eine Seite betrittst, der Inhalt,
das, was die Seite dir bietet?
Oder interessiert dich besonders, wohin du dich von dieser Seite aus
weiterklicken kannst?

Würdest Du denn folgende Herangehensweise für sinnvoll halten?
Da das Grundgebäude ja nun steht, werde ich mich nun an das
Finetuning der Navi und der Startseite machen.

Wenn du weiter üben willst, ja.
Wenn du aber mit der endgültigen Fassung beginnen willst, dann solltest du
ein wenig organisatorische Vorarbeit leisten.

Einmal alle bestehenden Seiten durchgehen, und dir folgende Fragen stellen
und soweit wie möglich beantworten.

Welche Struktur (Überschriften, Absätze, Listen, Bilder usw.) haben die
Seiten?
Welche Seiten unterscheiden sich darin?
Welche brauchen also auch andere CSS-Eigenschaften für bestimmte Elemente?
Sind alle Bilder Produktbilder oder gibt es auch andere, die dann anders
formatiert oder angeordnet werden sollen?
(z.B. statt Klasse "Bild" für die 508px x 300px Bilder lieber "Produktbild",
dann kannst du die Maße im HTML weglassen und ins CSS nehmen)
Kannst du die Seiten anhand ihrer Inhalte klassifizieren, um dann nicht
jeweils verschiedene Klassen für die Seitenelemente einfügen zu müssen, um
diese im CSS zu selektieren?
(statt z.B. .newsbild {float: left}, wobei jedes Bild der Newsseite
class="newsbild" erhalten müsste, .newsseite img {float: left} bzw.
#newsseite img {float: left})

Dann erstelle HTML-Seiten, jeweils eine, von jedem Seitentyp.
Mit dem CSS werden dann alle identischen Elemente auch automatisch identisch
formatiert.
Die voneinander abweichenden bekommen dann die jeweils seitentypischen
Eigenschaften.

Und wenn dann in der CSS-Datei alles erfasst ist,
dann werde ich versuchen, diese aufzuräumen.

Ein wenig sollte das durchaus auch zwischendrin gemacht werden, sonst
könnte der Überblick verloren gehen.

OK, ich verstehe.
Aber da bei mir der "Inhalt" auf jeden Fall immer auf 510px
bleiben wird, kann ich das doch eigentlich rauswerfen.

Hast du die Schrift im Firefox wirklich sehr stark vergrößert?
Ab einer bestimmten Vergrößerung wächst die Breite (min-width: 10em).

Auf Wiederlesen
Detlef