Een kleine css probleem

Hey cp,

Ik ben momenteel aan het oefenen met base en loop nu even vast.
Ik ben dus zeg maar bezig met een soort van menu die ook uittrekbaar moet zijn.

Hij heeft een:

linkerkant ( de linkerhoek )
het midden ( gedeelte zodat het uitrekbaar is )
rechterkant ( de rechterhoek )

Als ik dit met divjes doet, komen ze onder elkaar te staan, maar dat moet natuurlijk naast elkaar zijn.

Weet iemand hoe ik ervoor zorg dat ze naast elkaar komen, i.p.v onderelkaar?

Stukje css code ( ben er mee aan het rommelen, het kan dus zijn dat er onnodige dingen bij zitten )

#page {
	width: 800px;
	min-height:100%;
	margin: 0 auto;	
}


#menu_left {
   margin:0;
   background-image: url('images/menu_left.png');
   width: 24px;
   height: 81px;
}


#menu_mid {
   margin:0;
   background-image: url('images/menu_mid.png');
   width: 440px;
   height: 81px;
}

Stukje HTML:

<div id="page">
<div id="menu_left"></div>
<div id="menu_mid"></div>


</div>

Gelieve geen rare / domme opmerkingen maken, ik heb nog nooit echt dit soort dingen met HTML & CSS gemaakt, en dat wil ik nu dus leren.

Alvast bedankt!

Citaat van Joyeria

PHP

float: left;

deze regel in elke DIV zetten in de css

Dan verdwijnt de menu_mid plaatje als ik dat doe.

Bedankt! Hij werkt nu!

Citaat van Joyeria

Heb je misschien een online voorbeeld?

Ik test het via me browser als HTML bestand op mijn computer.

Maar hij werk nu, ik had ondertussen wat dingen veranderd voordat jij poste dus zette ik het oude weer terug en toen werkte hij