Horizontal Scrollbar Nightmare!

[brascolives]

I'm trying (in vain) to get rid of the horizontal scrollbar at the bottom of my page. The page(s) in question lie within a frame and the content is nowhere near wide enough to require horizontal scrolling.

it seems that when the table in question is too long vertically it automatically adds a horizontal scroll to the page also.

any help much appreciated. i'm going quietly mad!

the site in question is: www.pineapplepub.com and the sections in question are Home/Book Online

many thanks if anyone can help.

[number7]

I've looked over your source code and suppose problem is in table "width" parameter you use. Some TD's are set and some not. Try an experiment - Comment part of code and leave one TR only at a time with no WIDTH setting. Ex:

<table width="79%" >
<tr>
<td>bla bla</td>
</tr>
</table>

Check out if scroll bar appears then. If it so - set table width to constant (ex.:200px). else - uncomment some <TR>'s and look again if scrlbar appears. In this step by step process you'll reach <TR> which makes you such problem. Set <TD> inside it with correct WIDTH setting and then all will be OK.

By the way - there no scroll bar appears in FULLSCREEN MODE. Also All is OK
on FireFOX browser. This is IE "feature".

[brascolives]

hi.

thanks for your reply.

have tried your suggestions but nothing seems to work. even setting table width as exact pixels still gives me the horizontal scrollbar.

any other thoughts?

cheers

[carrotflowers]

Looking at the source for the online booking page, I notice you added a margin right and left to the body, I think that is possibly making the horiz. scrollbar. Try setting the body's margin and padding to 0, see what that does?

I ntoiced that in Firefox, the menu doesn't work, which prob. means the same is true for Netscape.

[brascolives]

Thanks.

Tried the margins thing already. Still not working.

Am addressing the menu issue in Netscape & Firefox.

Cheers.

[chrispix]

It appears that brascolives solved the problem by adding the following CSS:

<style type="text/css">
html,body {
	width:90%;
}
</style>

I copied that from the source of the pinapplepub.com page to mine, which was having the same problem, and it is working fine for me now.