[compverse]

Hallo zusammen,
ich bastel gerade ein Design für meine erste richtige Seite (habe vorher nur Wordpress und fertige Templates genutzt).

Über die FAQ und Suche habe ich schon einiges hinbekommen, leider bekomme ich die "Footer Stick Alt" Methode nicht auf die Kette.

Ich habe hier mal mein Testdesign hochgeladen, es wäre schön wenn mir jemand sagen könnte warum der Footer sich nicht nach unten verschiebt? Und ein generelles Feedback zum CSS Code wäre ebenfalls super.

Bitte nicht auf das Design achten ist noch lange nicht fertig ich möchte nur erstmal einen sauberen Code!

Vielen Dank.

cu
Tim

[fricca]

Dem Element #wrapper fehlen notwendige Angaben ...

[compverse]

Vielen Dank für deine schnelle Antwort.

Verdammt, dass ist mir jetzt aber peinlich. Vielen Dank für diesen tollen Hinweis. Ich dachte ich würde gründlich arbeiten und dann passiert mir so ein Fehler mit der Groß/Kleinschreibung.

Gibt es sonst noch Anmerkungen zum Code?

Du/Ihr dürft ruhig sehr kritisch in dieser Hinsicht sein, mir ist bewusst das ich noch ganz am Anfang stehe.

cu
Tim

[fricca]

Was bezweckst du mit deinen massenhaften 100%-Angaben für width und min-width?
Wozu verwendest du Float, wenn doch nichts nebeneinander steht?
Wozu positionierst du? Untereinander stehen können Blockelemente ganz von alleine.
Zentriert werden Blockelemente mit margin:0 auto. Deine Schiebereien führen dazu, dass bei schmalem Viewport die Inhalte unerreichbar nach links verschwinden. Ganz schlecht.

Das sieht alles sehr nach Trial&Error aus. Ich empfehle dir Grundlagenlektüre.

[compverse]

Vielen Dank für das offene Feedback.

Ich wollte mit dem width angaben sicherstellen, dass auch alle Browser die entsprechende Breite annehmen. Würde es ausreichen dies nur beim wrapper anzugeben?

Ansonsten hast du wohl vollkommen Recht, ich werde mir die Basics nochmal anschauen müssen.

cu
Tim

[fricca]

Zitat von compverse

Ich wollte mit dem width angaben sicherstellen, dass auch alle Browser die entsprechende Breite annehmen. Würde es ausreichen dies nur beim wrapper anzugeben?

Nein, auch da nicht. Und auch nicht bei html oder body oder sonstwo.
Blockelemente im normalen Fluss nehmen sich von selbst die verfügbare Breite. Das ist eines der grundlegenden Dinge, die man verinnerlichen muss, wenn man mit CSS arbeitet.
Sinnvoll wäre eine Mindestbreite, die verhindert, dass alles schmaler als deine 980px wird. Das body-Element wäre der passende Adressat dafür.
Viel wichtiger wäre aber, dass erstmal die ganze unnötige -- und kontraproduktive -- Positioniererei verschwindet.

Deine Kombination von min-/width mit !important ergibt grundsätzlich keinen Sinn. Das ist eine Notation für einen min-height-Hack für IE6. Sowas brauchst du am Anfang überhaupt nicht.

Ansonsten hast du wohl vollkommen Recht, ich werde mir die Basics nochmal anschauen müssen.

Ja, unbedingt. Glaub mir, man kann CSS nicht durch Herumprobieren lernen. Zu vieles ist intuitiv nicht zu verstehen.
Wenn du Little Boxes durchgearbeitet hast, hast du zumindest grundlegend ein Gefühl dafür erworben, welche CSS-Eiegenschaften für welche Aufgaben eingesetzt werden.