2 images for banner?

[DAMINK]

Running vb 4.1.12
May be a silly question but i was wondering is it possible to have 2 images for your banner.
One left justified and one right justified allowing the forum to change width?
I know its possible and perhaps in some themes already however i have a default theme created in the style generator and want to incorporate this.
Any advice or direction would be appreciated.

Would it be as simple as just editing the head code to something like below?


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="300px"><div align="left"><img src="/images/left.jpg"></div></td>
<td width="100%">&nbsp;</td>
<td width="300px"><div align="right"><img src="/images/right.jpg"></div></td>
</tr>
</table>

[RobbieZ]

Have you tested your code to see if it works?

[DAMINK]

No i have not tried it.
I thought i would ask to see if this was the correct method or there was a more appropriate way to do it before applying changes like that.
I have not actually created the images required to do this yet.

[LifesGreatestGift]

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="300px"><div align="left"><img src="/images/left.jpg"></div></td>
<td width="100%">&nbsp;</td>
<td width="300px"><div align="right"><img src="/images/right.jpg"></div></td>
</tr>
</table>


This would be more appropriate.
This is a basic setup, depending on the situation and placement and surrounding elements attributes may need to be changed.

<div style="width:100%;">
<div style="float:left;">
<img src="./images/left.png" alt="" />
</div>
<div style="float:right;">
<img src="./images/right.png" alt="" />
</div>
</div>

example

http://jsfiddle.net/3ZVjm/

[DAMINK]

Worked perfectly mate.
Well a few modifications to that code and to the document setup but now its just how i like it.
Thanks for your help.

--------------- Added 1336967199 at 1336967199 ---------------

Spoke to soon.
Seems it works perfectly in Firefox but not in Internet explorer.
In IE the right image breaks out of the max attributes set by the forum where FF does not.
I have the below settings currently.

Document Width = 90%
Document Minimum Width = 900px
Document Maximum Width = 1200px

With the below for the banner code.

<div style="width:100%;">
<div style="float:left; width: 400px;">
<a href="/test"><img src="./images/left.png" alt="xxx" /></a>
</div>
<div style="float:right; width: 200px;">
<img src="./images/right.png" alt="xxx" />
</div>


Any ideas on how to sort it out so IE can show it correcly?