Reasons for a horizontal scroll bar?

couldn't find on site search.

[madcat]

Hoping someone might help me out on this:

I went through and validated all of my pages (quite a bit of work). For some reason, when I uploaded my pages to a server, a horizontal scroll bar appeared in IE 6.0, but not in NN6.2. There was no scroll bar while authoring at all on IE 6.0 either. Just a bit stumped. Wondering why this could be happening.

Thanks for any help

[papabaer]

Are you using css? divs? tables? Something is pushing your page around! The nerve!

Could be a number of things: a page flow issue, css margins or padding, etc.

If you can be a little more specific about the type of page construction, it would help to narrow down the possibilities.

[madcat]

I'm using CSS and Tables. No DIV tags at all.

My table widths equal 100%. I have one CSS border thats 2px wide. I use margin: 0 0 0 0px, and I do use padding on the inside of some table cells.

Could I place a URL somewhere?

[tedster]

You can place a URL in your profile - I assume this site is not the one that's currently there. Alternatively you can offer it to anyone willing to help through Sticky Mail - our local on-the-forum email available at the top of the page.

In fact, if you send me the URL through Sticky Mail I'd be glad to take a look.

[madcat]

Tedster- I changed the site address in my user profile. If you had a minute to take a look I would really appreciate it; just can't seem to find the answer here.

[papabaer]

Hi Madcat, I see what you mean... the horizontal scrollbar shows up on IE6 (did not appear on Opera6)

I have a 21" monitor set at 1600x1200 res. - when I opened your page with Opera there was no horizontal scrollbar at all...

IE6 opened with the browser window stretched vertically... no horizontal bar until I drag the window to compress it vertically, as soon as I reached your content the horizontal bar appeared... and so did a Gator install window... Could it be your host?

[papabaer]

I am willing to bet it is hidden CJB code... the pop-ups are coming out of nowhere. You did say you the problem only occured AFTER uploading.

Free Host Blues, perhaps?

[papabaer]

I pasted your code into Homesite and ran it through Tidy to get a better look at things, when I opened it locally using IE6, the horizontal bar was nowhere to be seen.

[madcat]

Thanks papabaer- I only use CJB during production for clients, I know that pop-up is terrible.

I'm moving these files to a real host this weekend. I really hope I got the blues!

[tedster]

It's that 100%,* frame code your host is adding. They have a border=0 in the frameset, but they don't have frameborder="no", so IE is adding in space.

[madcat]

Thanks--I'm going to transfer the files to a better server in a few minutes.

[madcat]

Moving away from CJB.net was the answer, it cleared up the horizontal scroll bar.

If you have NN 6.2 and a minute, could you tell me why this padding might be showing up below the graphic in the right corner?

It doesn't show up in IE 6.0 and it wasn't applied via stylesheet or table. I thought maybe one of you have seen something similar.

+user profile+
Thanks for looking out.

[tedster]

On the surface it looks like the same thing NN4 does at times - except NN4 handles this case with no problem.

One thing I tried was eliminating the spaces and line breaks in your code around the image tag. So I made those closing tags go <img /></td></tr></table> ... all on one line.

No joy.

I've looked at it pretty hard, tried adding height attributes to the table, etc. You have straighforward code - I have no idea what NN6.2 is doing with it.

[tedster]

I thought of another avenue for debugging. You are applying a class to a table, which is an area of CSS-2 that has pretty spotty support.

Hoping for better support, I converted the <table> that holds your image to a <div>, and added the extra attributes to the .border3 class in your css. Unfortunately Netscape 6.2 still throws in that extra space.

This may not be doable without a total re-thinking of how you code the design. Check out this tutorial about Netscape 6 and the box model on WebReference [webreference.com]

The Invisible Padding

Navigator always inserts an extra 3 pixels of transparent "padding" between the element's padding and border, no matter what you do.

However, the box margin tutorial [webreference.com] was a very useful find in itself - an "instant" bookmark for me.

[papabaer]

Netscape chokes again! Actually, I've run across this as well and ended up using nested divs to create the border effect.

When will browser manufacturers ever learn?

[madcat]

I have bookmarked those sites and will try and code it another way, thanks for your help on this fellas.

[madcat]

The Invisible Padding--Navigator always inserts an extra 3 pixels of transparent "padding" between the element's padding and border, no matter what you do.

One fix was found for this Netscape calamity: In this case, I had to make my image a block-level element--

<img style="display: block;" href... />

This eliminated the 3 pixels without using nested divs (not a bad solution if figured out) or proprietary layers and positioning.

Madcat

[tedster]

Excellent! Very good find.