tabellen in layers veranderen ???

[anoniem]

Hoi, Ben bezig om een site om te bouwen zodat er geen tabellen en frames in voorkomen. Nu gebruik ik de volgende css file : @charset "iso-8859-1"; body { margin: 0; padding: 0; font: 85% arial, hevetica, sans-serif; text-align: center; color: #333; background-color: #D6D6D6; background-image: url(img_39.gif); } a:link { color: #000000; } a:visited { color: #BBD459; } a:hover, a:active { color: #BBD549; background-color: #FFFFFF; } h2 { color: #B52C07; font: 120% georgia, times, "times new roman", serif; font-weight: bold; margin: 0 0 2px 0; } h2 a { text-decoration: none; } h3 { color: #5B5E0E; font: 106% georgia, times, "times new roman", serif; font-weight: bold; margin-top: 0; } #container { margin: 1em auto; width: 650px; text-align: left; background-color: #fff; border: 1px none #fff; } #header { height: 45px; width: 100%; background-image: url(header.png); background-repeat: no-repeat; background-position: 0 0; border-bottom: 1px solid #fff; position: relative; border: 1px none #fff; border-bottom: 1px solid #fff; } #header h1 { font-size: 165% georgia ; text-align: left; color: #fff; margin: 0; padding: 0; } #mainnav ul { list-style-type: none; } #mainnav li { display: inline; } #menu { float: right; width: 230px; border-left: 1px solid #D5735a; padding-left: 15px; } #contents { margin: 0 200px 40px 20px; } #contents p { line-height: 165%; } .blogentry { border-bottom: 1px solid #D5735a; } .imagefloat { float: right; border:0 } #footer { clear: both; color: #272900; text-align: right; font-size: 90%; } #skipmenu { position: absolute; left: 0; top: 5px; width: 645px; text-align: right; } #skipmenu a { color: #666; text-decoration: none; } #skipmenu a:hover { color: #fff; background-color: #666; text-decoration: none; } Wat ik nu wil is de contents gedeelte in twee gedeelten verdelen zodat ik gegevens in twee kolommen kan weergeven. Kan ik nu gewoon zeggen : .links {float: left} ; .rechts {float: right} ; in de css file en dan aanroepen met <div id="container"> <div id="header" title="MSK BASKETBALL"> <h1>MSK BASKETBALL</h1> </div> <div id="mainnav"> ****** hoofdmenu ************ </div> <div id="menu"> <h3>Submenu</h3> *** Submenu en mededelingen </div> <div id="contents"> <div class="blogentry"> <div class ="left"> ****** kolom linkerkant **** </div> <div class="rechts"> ***** kolom rechterkant **** </div> </div> <div id="footer"> Copyright © R.Wobben 2004 </div> </div> of gaat dit niet goed werken ??? Alvast bedankt, Roelof Wobben

[anoniem]

TESTEN?! Daarnaast code niet hier neerzetten, is zo omslachtig, neem server ruimte.