PDA

View Full Version : Div's next to each other


kiwis
10-03-2009, 12:09 AM
THis is my code, the right header is on a new line, I want it to be next to the left header, why does it show on a new line and how can i get it to show next to the left header?



<div class="Main_BOX">
<div class="Left_Header"></div>
<div class="Right_Header">Content for class "Right_Header" Goes Here</div>

</div>


@charset "utf-8";
.Left_Header {
background-image: url(images/banner1.gif);
clear: none;
float: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
height: 60px;
width: 240px;
}
.Right_Header {
background-color: #0C9;
height: 60px;
width: 560px;
margin: 0px;
padding: 0px;
}
.Main_BOX {
height: 100%;
width: 800px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

edbr
10-03-2009, 01:59 AM
float the right header ie float:left;