Snitz Forums 2000
Snitz Forums 2000
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
 Password:
Save Password
Forgot your Password?

 All Forums
 Community Forums
 Community Discussions (All other subjects)
 Table in a scrolling division (bloody IE!)		  New Topic  Topic Locked
 Printer Friendly
Next Page
Author Previous Topic Topic Next Topic
Page: of 2

Shaggy
Support Moderator

Ireland
6780 Posts
Posted - 11 October 2007 :  07:50:45  Show Profile
Hey all,

Working on something that's doing my head in at the moment.

I have a table that's 100% wide, with a bit of cellpadding and is contained within a division that has a fixed height and an auto overflow. In Firefox, all is well but poxy Internet Explorer insists on adding a horizontal scrollbar to the division, even when the table's height is less than that of the division. I've tried setting the cellpadding to zero in case IE was adding that to the 100% width of the table but still the same. Tried a few other things as well to no avail & it's driving me nuts. Any insights?
Search is your friend
“I was having a mildly paranoid day, mostly due to the
fact that the mad priest lady from over the river had
taken to nailing weasels to my front door again.”

davemaxwell
Access 2000 Support Moderator

USA
3020 Posts
Posted - 11 October 2007 :  08:16:29  Show Profile  Visit davemaxwell's Homepage  Send davemaxwell an AOL message  Send davemaxwell an ICQ Message  Send davemaxwell a Yahoo! Message
I'm confused....Are you talking about a horizontal (left-right) scrollbar, or vertical (up-down)? If you're talking horizontal, that has to do with the width of the div, not the height. They're completely different.

Which IE are you getting the issue with? IE6 and earlier applied padding and margins differently than most other browsers. I believe those were fixed in IE7, but I could be incorrect (I'm still working with IE6 exclusively at work, and have little free time at the moment to get back into web dev.)

Quick guess is the padding being applied to the div with a 100% width table is pushing you over the edge in terms of space.
Dave Maxwell
Barbershop Harmony Freak
Go to Top of Page

AnonJr
Moderator

United States
5768 Posts
Posted - 11 October 2007 :  08:21:24  Show Profile  Visit AnonJr's Homepage
I think I asked a similar question around here ... I've had the same problem with http://www.jesusjoshua2415.com/ and I never found a solution.

I will certainly be watching this thread though.
Go to Top of Page

Shaggy
Support Moderator

Ireland
6780 Posts
Posted - 11 October 2007 :  09:03:40  Show Profile
Would've helped if I'd included linkage (removed, for now), wouldn't it?! If you have a look at in FF or Safari or anything but IE, you can see how it's supposed to work with the vertical scrollbar. Then have a look at it in IE (I'm using & at the moment) and you'll see the problem with the horizontal scrollbar. Use the category combo to reduce the height of the table and you'll see the problem persists.
Search is your friend
“I was having a mildly paranoid day, mostly due to the
fact that the mad priest lady from over the river had
taken to nailing weasels to my front door again.”
Edited by - Shaggy on 11 October 2007 11:04:57
Go to Top of Page

davemaxwell
Access 2000 Support Moderator

USA
3020 Posts
Posted - 11 October 2007 :  09:24:23  Show Profile  Visit davemaxwell's Homepage  Send davemaxwell an AOL message  Send davemaxwell an ICQ Message  Send davemaxwell a Yahoo! Message
OK, I'm missing something then . There's nothing wrong with it in IE. That section looks exactly the same to me in FF1.5 and IE6. There is no horizontal scrollbar at all.
Dave Maxwell
Barbershop Harmony Freak
Go to Top of Page

davemaxwell
Access 2000 Support Moderator

USA
3020 Posts
Posted - 11 October 2007 :  09:27:39  Show Profile  Visit davemaxwell's Homepage  Send davemaxwell an AOL message  Send davemaxwell an ICQ Message  Send davemaxwell a Yahoo! Message
The only thing I see different between the two pages is the vertical lines which go on each side of the page. In IE, the right hand side is getting pushed down to below the image, which is due to the way IE implements margins (or padding, I can never remember which). The image is too wide for the space alloted in IE, so the vertical line gets shoved down.
Dave Maxwell
Barbershop Harmony Freak
Go to Top of Page

davemaxwell
Access 2000 Support Moderator

USA
3020 Posts
Posted - 11 October 2007 :  09:29:39  Show Profile  Visit davemaxwell's Homepage  Send davemaxwell an AOL message  Send davemaxwell an ICQ Message  Send davemaxwell a Yahoo! Message
quote:
Originally posted by AnonJr

I think I asked a similar question around here ... I've had the same problem with http://www.jesusjoshua2415.com/ and I never found a solution.

I will certainly be watching this thread though.


Which page? The only place I see a scrollbar is on the popups for the lyrics, and that can be remedied by making the popup window larger.
Dave Maxwell
Barbershop Harmony Freak
Go to Top of Page

Shaggy
Support Moderator

Ireland
6780 Posts
Posted - 11 October 2007 :  09:41:23  Show Profile
Just fired up IE6 on one of the old machines and all is well so it's obviously just IE7 that's causing the problem.

The misplaced sidebar was just me tweaking some widths at the time

Search is your friend
“I was having a mildly paranoid day, mostly due to the
fact that the mad priest lady from over the river had
taken to nailing weasels to my front door again.”
Go to Top of Page

JJenson
Advanced Member

USA
2121 Posts
Posted - 11 October 2007 :  10:19:40  Show Profile  Visit JJenson's Homepage
Just wondering is there an extra padding being added in that may be causing this. I have had similar problems cause the widths of the tables are receiving extra padding from IE. Usually I try to take out the padding and add in invisible images to see if that fixes the problem and if it does then I keep tweaking the padding/margins till it looks right in all of them.

Maybe jsut an idea but I think this may be what is happening here.
Go to Top of Page

AnonJr
Moderator

United States
5768 Posts
Posted - 11 October 2007 :  10:30:51  Show Profile  Visit AnonJr's Homepage
Shaggy, The only time I see the horizontal scrollbar in IE7 is when the vertical scrollbar showes up....


quote:
Originally posted by davemaxwell

Which page? The only place I see a scrollbar is on the popups for the lyrics, and that can be remedied by making the popup window larger.


There's a scrollbar at the bottom of every page - when viewing in IE. I tested in IE6 and 7, and I'm not really worried about anything earlier than that. It works fine in Fx.

I know about the other issue, and I've been meaning to fix that for a while now...
Go to Top of Page

Shaggy
Support Moderator

Ireland
6780 Posts
Posted - 11 October 2007 :  10:32:40  Show Profile
Have a look at it now with no padding or spacing; still the same Seems IE7 is setting it to be 100% the width of the parent division without allowing room for the scrollbar.
Search is your friend
“I was having a mildly paranoid day, mostly due to the
fact that the mad priest lady from over the river had
taken to nailing weasels to my front door again.”
Go to Top of Page

JJenson
Advanced Member

USA
2121 Posts
Posted - 11 October 2007 :  10:45:16  Show Profile  Visit JJenson's Homepage
Ok I think this is having to do with the overflow attribute. It looks like IE7 doesn't wrap and continues on until a line break. If you will make it like 7 pixes to 10 pixes shorter in width does it still do this?
Go to Top of Page

Shaggy
Support Moderator

Ireland
6780 Posts
Posted - 11 October 2007 :  10:49:24  Show Profile
Any narrower and it's fine. Problem there is, though, in other browsers or when there's no scrollbar in IE7, I'm left with an ugly lump of white space to the right of the table.
Search is your friend
“I was having a mildly paranoid day, mostly due to the
fact that the mad priest lady from over the river had
taken to nailing weasels to my front door again.”
Go to Top of Page

JJenson
Advanced Member

USA
2121 Posts
Posted - 11 October 2007 :  10:54:48  Show Profile  Visit JJenson's Homepage
Ahh true

So this is the problem. Can you do something like some javascript to detect the browser and if its such and such a browser show this type of div if not then this

example of what I am talking about:

<script type="text/javascript">
if(navigator.appName == "Microsoft Internet Explorer")
{
    document.write('<div style="overflow: hidden;">');
    }else{
    document.write('<div style="overflow: auto;">');
}
</script>


Not sure if this will work I usually do something like this with spacing issues if I cannot get it another way?
</script>
Edited by - JJenson on 11 October 2007 10:55:30
Go to Top of Page

Shaggy
Support Moderator

Ireland
6780 Posts
Posted - 11 October 2007 :  11:01:26  Show Profile
I've just set the x overflow to hidden for now so I can move on to other things.
Search is your friend
“I was having a mildly paranoid day, mostly due to the
fact that the mad priest lady from over the river had
taken to nailing weasels to my front door again.”
Go to Top of Page

JJenson
Advanced Member

USA
2121 Posts
Posted - 11 October 2007 :  11:04:48  Show Profile  Visit JJenson's Homepage
That works I am not sure I had this issue along the way and I got it fixed but for the life of me I can't remember anymore which site it was. Also I can't remember how I got it fixed either. I will see if I can find it sometime today. but no promises on it.
Go to Top of Page
Page: of 2 Previous Topic Topic Next Topic  
Next Page
 New Topic  Topic Locked
 Printer Friendly
Jump To:
Snitz Forums 2000 © 2000-2021 Snitz™ Communications Go To Top Of Page
This page was generated in 0.26 seconds. Powered By: Snitz Forums 2000 Version 3.4.07