Darstellungsproblem mit flexiblem Layout

[netsuvi]

Hallo

Ich versuche ein Layout zu erstellen, welches eine linkesidebar von einer fixen Pixelbreite hat.
Das klappt auch, habe dies mit display table gemacht.

In der main content div kommt jedoch der Text immer unten, anstatt oben.
Ich seh da nix in meinem CSS welche dies so einstellen sollte.
Wie bringt man den Text nach oben?

Das ganze HTML und CSS Gerüst findet sich als anhang.

backend.zip

HTML+CSS (einach im browser öffnen)

(1.72 KiB) 5-mal heruntergeladen

Bin Dankbar für Hilfe.
Das hab ich bis jetzt

#container {
padding-top:5px;
display: table;
}


/* Content */
#content {
clear: both;
padding: 20px;
display: table-cell;
background-color: #f0f0f0;
border-radius: 22px 22px 22px 22px;
box-shadow: 3px 3px 14px #000;
width:100%;
}

/*sidebar*/
aside {
float: left;
width: 100px;
background: #ccc;
margin-right: 10px;
padding-left: 5px;
display: table-cell;
border-radius: 0px 20px 20px 0px;
box-shadow: 4px 0px 10px -3px black;
}

[jack willson]

Hängt vermutlich mit ' display: table-cell;' zusammen, ausserdem müssen -header, footer, aside, nav, article-
definiert werden (class oder id)

[netsuvi]

Juhu. Habs hingekommen, habs hinbekommen. Allerdings nicht mit dem table.
In Wordpress backend kann mans abschauen. So ghet:

Man mach eine sidebar mit <aside>menue zeugs</aside oder <div id="sidebar">menu</div>, kommt aufs gleiche aus.
Diese macht man im CSS float:left und with:100px. Somit hat man die Sidebar.
danach einen <div id=content></div>.
Der content ist jezt unter der Sidebar. Ist aber nicht schlimm, einfach den content im
css mit padding-right:110px nach rechts schieben. Schon hat man alles so wie man es will.

Voila!