CSS troubles

[tominated]

i have only just started with css and i want to know how to move a div to where is shown on the picture.

here is the css code (i want the class "bar bottom to appear under "bartop")

.site {
	width: 600px;
	float: middle;
}

.headmenu {
	background:url(menubar.jpg);
	height: 49px;
}

.titlelogo {
	background:url(title.jpg);
	width: 199px;
	height: 198px;
	float: left;
	margin-top: 1px;
}

.bartop {
	background:url(bartop.jpg);
	height: 99px;
	float: left;
	margin-left: 1px;
	margin-top: 1px;
}

.barbottom {
	background:url(barbottom.jpg);
	height: 99px;
	float: left;
	margin-left: 1px;
}

Can someone tell me what i should edit to make the barbottom div go under the bar top div.

 

[aussieNickuss]

Maybe try putting bar top and bar bottom into their own div eg. (using the labels off your pic and using a left and a right div)...

<div id="left">
  <div id="titletext"></div>
</div>
<div id="right">
  <div id="bartop"></div>
  <div id="barbottom"></div>
</div>

Set the width of the right div the same as the bartop and barbottom divs and set it to float left.

 

[tominated]

Maybe try putting bar top and bar bottom into their own div eg. (using the labels off your pic and using a left and a right div)...

<div id="left">
  <div id="titletext"></div>
</div>
<div id="right">
  <div id="bartop"></div>
  <div id="barbottom"></div>
</div>

Set the width of the right div the same as the bartop and barbottom divs and set it to float left.

awesome! thanks!