IE and header display problem

Deer posted this at 15:55 — 18th January 2009.

They have: 3 posts

Joined: Jan 2009

Hello!

I need some help with the header and right column of my website Dishwasher-Scout.com which is displayed oddly in IE in higher screen resolutions. The colum on the right seems to be broader than it should, therefore the header starts to be repeated.

I did try to find the problem in my html-coding but I cannot find the faulty bit.
In other browsers the site is displayed fine, only IE seems to be an ever-lasting problem.

Cheers,
Deer

decibel.places posted this at 20:57 — 18th January 2009.

He has: 1,494 posts

Joined: Jun 2008

It looks like your middle container is too wide in IE

What is that line above the header on the left side?

You can prevent the header from repeating by setting the css property background-repeat: no-repeat http://www.w3schools.com/css/pr_background-repeat.asp

but that is not really solving the problem.

The problem is setting the table width to 100%

I would recommend using a fixed width:

<table width="993"  cellspacing="0" cellpadding="5" style="border:1px solid #cc9966;">

or a smaller % (but the "fluid" approach does not work too well)

<code>
<table width="73%"  cellspacing="0" cellpadding="5" style="border:1px solid #cc9966;">

And while you're at it, rempove the "|" line on line 344

</td></tr>|

should be

</td></tr>