CSS volledige breedte

Hoe kan ik met behulp van CSS een links menu, content en rechts menu maken? Dat het in elk scherm resolutie meteen de grootte van je beeldscherm wordt?

als ik gewoon in de menu div bijv. links zet float: left; en rechts float: right; dan komt het menu onder elkaar en ik wil het naast elkaar. kan iemand helpen?

Ter verduidelijking

<div id="links">
links
</div>


<div id="content">
content
</div>


<div id="rechts">
rechts
</div>

CSS

.links {
float: left;
}


.rechts {
float: right;
}

Dit geeft ze onder elkaar weer. En hoe doe ik ook dat in elke schermresolutie het beeld helemaal gevuld wordt? (menu's even groot, alleen content rekt eventueel)

http://vgame.webege.com/ingelogd.php nog onder elkaar. En de breedte dan blijven de menu's toch niet gelijk bij elke resolutie? ik wil dat die gelijk blijven en de content rekt/kleiner wordt

Dankje Alex, nu doet hij ze naast elkaar.

Echter hoe moet dat met de breedte? nu pakt hij een percentage van je beeldscherm, maar ik wil links en rechts een vaste grootte geven, kan ik dan content op 100 zetten? nee toch?

Is me nu gelukt, hoe ik dacht klopte dus wel haha.

maar nu zet hij het nog niet echt tegen de zijkant. zie http://vgame.webege.com/ingelogd.php
hoe krijg ik dat wel voor elkaar?

Dankje, nu heb ik geen vragen meer haha. Ga weer is even puzzelen in CSS