CSS Design: Sidebar Container

Hallo,

ich habe eine Frage zu meinem Sidebar Container. Was immer ich auch mache bleibt die Box unten rechts.

Habs ihr vllt ein paar Tipss wie ich das ändern könnte.?

Gruß Niki

Nunja, hätte schon was, wenn du die Div's positionierst. Damit mein ich:

oder

oder

______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln.

Danke für die Antwort,

jedoch hat sich eig. kaun was gebessert.
Die 3 Boxen-Teile sind jetzt aufeinander auf der oberen linken Ecke zusehen.

:/

Gruß Niki

Versuche mal mit diesen Codes die Sidebar zu positionieren:

(--> Abstand von links)

und

(--> Abstand von oben)

MIt diesem Code habe ich meine Sidebar positioniert:

Gruß Marco
______________
Mit besten Grüßen Marco
www.harley-motorcycles.de

@ Marco
Wenn er es so positioniert funktioniert das, jedoch verschiebt es sich je nach
Auflösung. Er müsste somit alles mit position: absolute; definieren, sodass
es zu keinen grösseren Komplikationen kommt.

Gruss
Riki

Danke hat geklappt

Ich hoffe, dass du meinen Beitrag nicht überlesen hast?
Wenn du nicht alle mit position:absolute; definierst, "klebt" das Design nicht
zusammen, sondern zerstückelt je nach Auflösung.

Dass heisst, wenn du dich für eine position: absolute; Variante entscheidest,
musst du alle DIV's in diese Variante umändern, sonst kommt es zu Fehlern.

Gruss
Riki

ähm... das sagt mir jetzt nicht so viel xD Sorry

Also.
Marco hat dir einen Beispielcode gepostet, dieser ist mit "position: absolute;"
definiert.
Das Problem ist aber, dass du deine Seite mit "margin" positionierst, also
musst du deinen Container (mit margin 0) löschen und alle DIV's (Header,
Content, Sidebars) mit "position: absolute;" bearbeiten.

Um mit der absoluten Position korrekt arbeiten zu können, musst du wirklich
alle DIV's damit bestimmen, da es sonst zu Darstellungsproblemen führt,
da sich der Browser nicht mehr korrekt orientieren kann.

Eine richtige Positionierung geschieht meist aus diesen 3 Befehlen:
- position: absolute;
- left: 50%;
- margin-left: 475px;

Dieser Prozentwert ist anpassbar, jedoch muss auch er bei jedem DIV gleich
lauten, ob du 50%/30%/80% verwendest, ist eigentlich nicht relevant.
Diese Pixelanzahl ist bei jedem DIV individuell zu erhöhen, bzw. vertiefen.

Einigermassen verstanden?

Gruss
Riki

Danke für das präzise erklären aber gäbe es nicht eine Methode ohne position: absolute; ..da ich sonst alles mit position: absolute umschreiben müsste.?