Page display differs wit browser window size

[fAdEd247]

Hi,

Currently, when a browser window is set to "maximize" my page looks fine. When the browser window is set to "Restore Down", and some of the width of the browser window is removed, the areas on the page shift below content, or split apart and do not look correct.

Please see my site

Please resize your browser window, so you may see what it is that I'm talking about. I'm concerned with are the text at the top left(subscribe) and top right(search).

Here is a pic of how the page appears with the above settings:

When I restore down the browser window, the left side slides down:

And the right side splits apart:

How can I fix this??

I also notice my menu looks like crap in IE7.. why??

Your help is greatly appreciated. Thanks very much.

Ty

 

[PixelPusher]

Your site markup has some deeply nested tables (not needed) that are resizing as the browser window as it is decreased. That is why elements are shifting. The markup for the site is quite messy. My first suggestion would be to clean it up your code (remove the tables)

 

[fAdEd247]

Hi PixelPusher,

Thanks for your reply.

I've created this site using a PHP based CMS called Joomla 1.5. It automatically generated this code.

I've removed a nice chunk of code that seems to not have effected anything else on the site-

	<div id="tabarea">
				<div id="tabarea_l">
					<div id="tabarea_r">
						<div id="tabmenu">
						<table cellpadding="0" cellspacing="0" class="pill">
							<tr>
								<td class="pill_l">&nbsp;</td>
								<td class="pill_m">
								<div id="pillmenu">
									<jdoc:include type="modules" name="user3" />
								</div>
								</td>
								<td class="pill_r">&nbsp;</td>
							</tr>
							</table>
						</div>
					</div>
				</div>
			</div>

Do you notice any other unnecessary code?

I'm also working on validating my site, however I can't locate certain errors being shown

Thanks,

Ty