Two banners on one line?

I'm trying to put two banners on one line, by aligning one of them to the left and one of them to the right, but every time I do that one of the banners end up at the bottom of the other.

Can someone help me out? Any code suggestions?

Thanks

 

Try with css this way:

<div style="min-width:99%; max-width:99%; width:100%;">
<span style="float:left;">
BANNER LEFT HERE
</span>
<span style="float:right;">
BANNER RIGHT HERE
</span>
</div>

Code (markup):

 

That didn't exactly work. One of them became lower than the other and it messed up my page layout. =\

 

Insert a table with two colums!

Make the table actual size fit (no size specification).

Peace,

 

Yes, a table with 2 columns. vertically center both, then align right on left column, align right on right column.

 

I agree with the two tables. Since I hardcode everything anyway, here is what the code would look like. Re-size to fit your needs.

<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="45%">
<! -- INSERT BANNER HERE -- >
</td>
<td width="5%"></td>
<td width="45%">
<? -- INSERT BANNER HERE -- >
</td>
</tr>
</table>
</div>

Hope it helps!

 

Yeah, that helps a lot. Thanks guys