anfänger: div - container anordnen

Beitrag lesen

Hallo miteinander,

ich habe da ein kleineres Problem mit 2 div containern die ich nebeneinander anordnen möchte.
und zwar dachte ich mir das folgendermassen:

XXX--XXXXXXXXX---XXXXXXXXXXXXXXXX
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X--1.---X---X------2.------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--XXXXXXXXX---XXXXXXXXXXXXXXXX

ganz links -- 1.container -- 2.container
navigation

nun hab ich schon mal 1 container siehe:

http://http://awg.freehoster.org/websitetest/index.php

wie bringe ich das nun fertig einen 2. danebenzusetzen???

momentan sieht main1.css folgendermassen aus:

http://http://awg.freehoster.org/websitetest/templates/main1.css

wie muss ich das nun konkret verändern???

meine erste idee war folgende:

.....

#linkerblock {
#textlinks{float:left;width:30%;margin:0;margin-bottom:20px;padding:0;background:#D8EFFC;}
#textrechts{float:left;width:6%;margin:0;margin-left:4px;margin-right:4px;padding:0;}
#textlinks p, #textrechts p{padding:0 15px 0 15px;margin:20px 0 20px 0;}
#textlinks form, #textrechts form{padding:0 15px 0 15px;margin:20px 0 20px 0;}

#textlinks h2, #textrechts h2{font:bold 18px verdana, sans-serif;padding:0 15px 0 15px;}
#textlinks h3, #textrechts h3{font:bold 16px verdana, sans-serif;padding:0 15px 0 15px;}

}

#rechterblock {
#textlinks{float:left;width:60%;margin:0;margin-bottom:20px;padding:0;background:#D8EFFC;}
#textrechts{float:left;width:6%;margin:0;margin-left:4px;margin-right:4px;padding:0;}
#textlinks p, #textrechts p{padding:0 15px 0 15px;margin:20px 0 20px 0;}
#textlinks form, #textrechts form{padding:0 15px 0 15px;margin:20px 0 20px 0;}

#textlinks h2, #textrechts h2{font:bold 18px verdana, sans-serif;padding:0 15px 0 15px;}
#textlinks h3, #textrechts h3{font:bold 16px verdana, sans-serif;padding:0 15px 0 15px;}

}

aber das funzt irgendwie nicht richtig

was ist da falsch???

kann mir bitte jem helfen

vielen dank im vorraus

der anfänger