PHP bzw. CSS Hilfe für Sidebar

[Critone]

Hey,

ich hab die Seite schon bisschen umgescript.
Aber jetzt komme ich nicht weiter :/

Habe natürlich noch kein Design aber damit man sich das etwas vorstellen kann habe ich einfach irgednwelche Farben genommen.

Zurzeit sieht die HP jetzt so aus:

Screen (Original):



Aber aussehen soll es so (habe ich jetzt einfach mit Paint ein Kasten hingemalt):


Also sprich so eine "Sidebar" neben den Content in dieser Sidebar sollen dann bswp. Download Button usw. sein. Leider hab ichs übel nicht hinbekommen :/


Website ist im Anhang.

Würde mich über Hilfe freuen.

[iMaino]

PHP Code:

<div id="main">
<div id="left">
</div>
<div id="right">
</div>
<div class="clear"></div>
</div>

<style>
#main {
margin:0 auto;
}
#left {
float:left;
}
#right {
float:right;
}
.clear {
clear:both;
}
</style> 


[Critone]

Ich krieg das irgendwie nicht hin..

Wäre nett wenn mir das jemand machen könnte und erklären damit ich das dann kapiere

[Mikesch01]

Eigentlich wurden alle Befehle genannt.

Du hast eine Box mit der id "links" (z.B eine Sidebar), diese ist mit der CSS-Eigenschaft float: left; belegt und fließt daher in deiner Seite dann links um alle Elemente rum. Rechts davon hast du die Box mit der id "rechts" (z.B dein Inhalt), diese ist mit der CSS-Eigenschaft float: right; belegt und fließt daher in deiner Seite rechts um alle Elemente rum. Somit hat die Box mit der id "main" zwei Boxen, welche eine links und die andere rechts ist.

Kklar?!^^

[J|R]

<div id="main"> ist quasi deine komplette page bzw der Container für deine 2 ausgerichteten divs.

<div id="left"> ist deine rote Box, die durch "float:left;" innerhalb vom main div links ausgerichtet ist.

<div id="right"> sind die "Willkommen auf.."- und "Voting"-Boxen, die durch "float:right;" innerhalb vom main div rechts ausgerichtet sind.

[Critone]

Okay aber die Rechte box soll dann halt größer wie die Linke sein...

[xCrown]

das image entsprechend größer machen und die witdth/height in der css noch ändern.

[Critone]

Habe es mal "versucht" jetzt...

Hier sind die Screens :/

CSS-Datei:
Screen 1

 Spoiler

Screen 2

 Spoiler

Index-Datei:

 Spoiler

Browser Screen:

 Spoiler

Habs jetzt nicht so recht hinbekommen :/