Tutorial HTML, CSS u. PHP - Forum

[orchidee]

Wo muss ich denn da clearen?
Der Quelltext ist valide. Also muss es am CSS liegen - und da bin ich Anfänger.
Woran könnte es denn da liegen?

Muss man am Ende der Spalten clearen?
Und wenn ja - wo?

[Sarkkan]

So.. gerade gesehen, dass du einmal nach Links und einmal nach Rechts floatest.
Ich rate von sowas immer ab, weil es meistens Probleme bereitet :/

Ich würde 3 Spalten erzeugen und diese alle Links floaten lassen.
In Spalte 1 kommt dann die Seitliche Navigation, in Spalte 2 der Content und in Spalte 3 die Sidebar.
So hat man viel mehr Controlle über seine Boxen^^

[orchidee]

Ich habe nach der Methode gearbeitet, die Axel Pratzner empfiehlt.
D.h. ich habe die DVDs nachgearbeitet mit meinem Projekt.
Was ist daran falsch?

Und wie geht es anders?

Kann man das clearen, so dass es die Probleme nicht gibt und wo macht man es dann?

[Sören]

Weißt du, was floaten und clearen bedeutet?
Sarkkan hat dir nämlich schon gesagt, was dein Problem lösen könnte (und ich vorher auch schon).

[orchidee]

Ich bin Anfänger, sprich doch bitte deutlicher.
Ich lerne es zuhause, ich gehe in keine Uni und habe auch keinen Lehrer.

Floaten heißt, dass es fließt.
Clearen bedeutet, dass es danach nicht mehr fließt.

Aber wo muss ich clearen?

[Sören]

Also wie es anders geht steht hier:

Ich würde 3 Spalten erzeugen und diese alle Links floaten lassen.
In Spalte 1 kommt dann die Seitliche Navigation, in Spalte 2 der Content und in Spalte 3 die Sidebar.
So hat man viel mehr Controlle über seine Boxen^^

Das heißt, du floatest alle drei Elemente, die nebeneinander stehen (Navigation, Inhalt und die rechte Spalte), nach links.
Dafür musst du die rechte Spalte und den Inhalt jeweils in einen umschließenden div-Container (oder section) packen.
Die Elemente müssen im Code so untereinander stehen, dass das ganz links (die Navigation) oben steht und darunter dann jeweils das weiter rechtsstehende Element, du musst also Inhalt und rechte Spalte vertauschen.

So ordnen sich die Elemte automatisch nebeneinander an. Die Abstände musst du als Abstände vom linken Bildschirmrand mit margin-left machen.

Sollte das dein Problem nicht beheben, kannst du, wie ich dir vorher geschrieben hatte, der section, in der das Bild ist, über CSS ein overflow: hidden geben (zusätzliche Inhalte würden nur abgeschnitten, wenn du für die section eine feste Breite vorgibst). Dadurch wird das Bild in der section gehalten.

Ich hoffe, das hilft dir.
Sonst solltest du nochmal in aller Ruhe das html-seminar durchgehen und dir das floaten und clearen genauer anschauen.

Es wurde hier auch schon öfter erklärt, die Suchfunktion wird dir also auch helfen können.

[orchidee]

Danke,

ich habe es so gelassen, aber jetzt in umschließende Container gepackt. Jetzt funktioniert es.
Die DVDs habe ich alle, auch alle durchgearbeitet.