The problem comes down to a 100% width table, and 15px padding (from a div) not agreeing in IE. The table takes the full 100% width of the screen and the padding is forced to the right hand side, creating a horizontal scroll bar.

I would like to get rid of the Horizontal Scroll Bar. What are the solutions?

Thankyou

can u show me the page online?

Certainly, It only appears in IE:
It's a forums main table causing the conflict between padding that I have put in.

Sourdough.com.au - Forum - Index

Sounds obvious, but have you tried reducing the table width, to say 95%, and enclosing the table within a a centeralising division?

Failing that, are you sure you're not nesting a table within a table? That can cause difficulties when the nested table has it's width set to 100%, same solution. Reduce the width of the nested table slightly, but centeralise it.

Matt

You are specifying 100% for one thing and then adding 15px to it, thus creating something that takes up the screen plus 15px.

You might try taking out the padding in your <div>, create another <div> expressing padding (that doesn't specify width), and put it inside your other <div> tag.

You will have to express what you want with some CSS in the header like:

<style type="text/css">

div.pad {
padding:15px;
}

</style>

Then, put it inside the other <div> tag like;

<div>
<div class="pad">
WHATEVER
</div>
</div>

Better yet.. don't use tables at all

Adding a div just for padding is not a good practice, that's what the padding RULE is for.

You are right LadynRed, it may not be the best idea, but IE has a problem with padding and borders in CSS. If you have specified a width for a div and then include padding and border width, IE adds to the specified width rather than putting the padding and border width within the specified width. The other browsers don't do it this way, so in order to make it work the same in all browsers, my suggestion is the best "hack" I could find to solve the problem.

Yes, I know that, but adding a div just to MAKE the space is bad semantic markup and should be avoided.

There is excellent info on how to handle IE's busted box model here:
The Box Model Problem