Need a div setup that is 1 row x 3 columns .

[Modifier]

Hey all,

I have a wrapper div that has 3 child divs, the outcome is 3 rows x 1 column.

I actually need the opposite, 1 row x 3 columns.

Any help would be greatly appreciated!

<div id="header_div">
<div id="welcome_div"><br />Logged in as: Administrator<br />Date: 20Jan09</div>
<div id="logo_div">Logo Div</div>
<div id="search_div">Search Div</div>
<div id="navigation_div">Navigation Div</div>
</div>

#header_div{
font-style:italic;
background-image:url(navigation_bg.png);
background-repeat:no-repeat;
position:absolute;
top:450px;
height:126px;
width:1024px;
left:100px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#welcome_div {
font-style:normal;
padding-left:20px;
width:215px;
}

#logo_div {
position:relative;
padding-left:500px;
padding-top:50px;
width:300px;
font-style:normal;
}

#search_div {
font-style:normal;
padding-left:900px;
width:230px;
float:right;
}

#navigation_div {
font-style:normal;
padding-left:20px;
width:950;
}

[tonynoriega]

try floating the elements within the header_div left. float:left;

but with those widths, you are going to size them down a bit... they expand the 1024 you have on the header.

[Modifier]

Thank you!