/    Sign up×
Community /Pin to ProfileBookmark

IE messing up my scrolling box! Please help…

Copy linkTweet thisAlerts:
May 14.2007

Hey, thanks in advance to anyone with the time to help me out…

I have made a website for my own company, and I seem to have done a good job, been checking between browsers and IE is KILLING ME with moving my scrollbar over to the left in my box. (Works perfect in FF)

I have been reading up, and wondering if is the “CSS box hack” or the “min-width” problems, but I tried both solutions and it did nothing.
This is my first website, so I don’t think I quite grasped what they were talking about with those anyway…

Page is [url]www.theidiotinstitute.com/news.html[/url]

Any help, MUCHLY appreciated.

Cheers,

Jimi

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelMay 14.2007 — IE doesn't understaind "min-width", that notwithstanding, it merely looks as if you have scrolling set to "auto" maybe(??) I'll take the code offline and look it over, possibly using "overflow-y:auto;" will prevent the hornizontal scrolling (as it is not stated: y = vertical).

I see a few non-semantic"<p>_____________(etc.)__________</p>" which could be better written as "<p [B]style="border-bottom:2px solid black;[/B] width:100%;"><!-- empty --></p>" or something similar. This removes the non-sensical underscore characters, -which are 'read' by user-agents (text-to-braille, etc) for the handicapped but are meaningless and time-wasting, to merely a border with width, color and length (ignored by assistive technologies as it is a 'visual-only' element, like a background-color)...

Also worth mentioning, "Netscape" browsers (made by the good folks over at Mozilla) [I]include[/I] the width of the scrollbar with the width of the element that 'scrolls'. IE does NOT include the width, ergo, you might expect a 20-pixel difference between IE-view and the quintessential Mozilla product (which include Firefox, Mozilla, Seamonkey, etc).

I mention this because the difference in IE, not just a horizontal scrollbar that only 'scrolls' about 20-pixels (the default width of a scrollbar, -big clue there!), but that the DIV itself is approx. 20-pixels less-wide in IE than in Mozilla-Fx...
Copy linkTweet thisAlerts:
@WebJoelMay 14.2007 — (exceeded 30-min.re-post time: lunchbreak ? )

Try this: attached:


I replaced the "<p>___(etc.)___</p>" with slightly more semantic markup, and changed the image-widths to 95% instead of "435" (there is something weird going on there... images are 'wider' than scrollbox??).

Anyway, looks same in IE to Firefox now... ?

[upl-file uuid=c7b95658-45cb-478b-b7bc-73d4c4e8a9af size=3kB]ZZZ.zip[/upl-file]
Copy linkTweet thisAlerts:
@IdiotInstituteauthorMay 15.2007 — Thank you very much for your help.

Not only did you fix my problem, but you taught me a few things in the process, so now my site is better all round.

If you were in New Zealand, I'd buy you a beer. 'Cos it's been driving me crazy.

Cheers.

Jimi.
Copy linkTweet thisAlerts:
@WebJoelMay 15.2007 — Niiiice! -A New Zealand beer? -More than recompence for the 10 or 20 minutes I played around with that (and mostly it was to learn what-does-what...). ?

Anyway, -glad to help.
×

Success!

Help @IdiotInstitute spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...