how do i get rid of the scrollbar in IE

now i’m getting really discouraged with IE….. i can’t seem to lose the stupid top to bottom scrollbar, even should the image width is below 780!!

any tips or even trick codes or java which i can plug directly into eliminate that scrollbar

-averan

The scrollbar is section of the browser; you can’t reduce it. Some of the other browsers do the job differently by not necessarily displaying a scrollbar until the content overflows the particular visible area.

Have you been sure you designed to write ‘VERTICAL’ rather than ‘HORIZONTAL’… as I don’t understand the situation via how you’ve discussed things.

If this could be the event…
Seven Hundred and Fifty 750 Pixels in width is the only sure safe price that I’ve encounter that doesn’t make it possible for horizontal scrollbars looking when viewed in multiple browsers using 8*6 resolution.

oh when i learn how to get rid of the scollbar i had been craking up, it is pretty easy:
Within the < body> tag
decide to put " scroll=no"
so it looks like the following: < body scroll=no>

Now my problem is working out how to get it done with CSS

i will try that, but i heard that you could never totally do away with the vertical scrollbar, that it is the internet browser that automatically displays it, even if all of your content fits within the window, its continue to there, just with not a scrollable bar.

in terms of CSS…. its easy to set your scrollbar ways for divs….. just utilize " overflow: " credit, with values regarding " scroll", " auto", and also " none"….. for IE only, feel free to use " overflow-y: scroll" for you to eliminate the horizontally scrollbar.

scroll=no doesnt carry out much for firefox… so that as for IE, sure it removes the actual scroll bar, if a page is longer than the screen size, (which may be 1280×960 or 800×600 or possibly PDA) then the sole way to notice the page " below" underneath of the screen is to highlight the copy and drag along… and that isnt too n accessible

yes : I’ve just done one website and this also bloody Internet Explorer and also its horizontal scrollbar hard disks me crazy : I’ve checked all div tags for just about any padding on your left and right side to assure that they don’t exceed the amount of space defined from the external div (wrapped all over the content) but it is padding free. this is happening when the vertical scrollbar is use – automaticaly horizontal an example may be appearing – due to the space which is taken by vertical one.
That thing considering the overflow – doesn’t appear to work – I’ve truly just tried that but nothing includes changed. Which label did you create it to

I’ve put this into your body tag.

Gives thanks,

It is best to good to make sure both margins/padding is definitely cancelled out.

Code:

html document, body

margin: 0;
cushioning: 0;

width: 750px;
elevation: auto;
overflow: hidden;


I have no idea of if Averan found a fix or plans upon following this thread up, but it wouldn’t hurt to place a url providing the course of the topic wasn’t significantly changed.

hi scabro,
for IE the " overflow-y: scroll" certainly works. it would help to have a link to the page that you’re attempting to employ this on….

explain " overflow-y: scroll" with the div that your text is really contained in. this aren’t the body, based on your layout.

netscape and firefox will forever have a horizontal scrollbar whenever the good news is vertical.

seeing that trico mentioned, make sure you specify " perimeter: 0 padding: 0" or whatever values important to make the combined width of the content within the particular div shorter as opposed to actual div width without the vertical scrollbar size (about 15-20px).

Gives thanks Averan,

If you go to this website I’m currently doing at: http: //www. proxycon. corp. uk you can easily using Firefox and developer toolbar view the external stylesheet and take a look at what I’ve accomplished.
I’ve tried to provide overflow-y: scroll to body tag then to the #divOuter however it still doesn’t good the expected consequence – the scrollbar end of it doesn’t dissapear.

Please let me know if you’ve got anything for that.

Gives thanks,

Scabro

It is me again,

I do think I’ve found the most effective to sort out the underside scrollbar.
That is certainly what I’ve performed for body label in CSS:

physique
bigger: 98%;
perimeter: 0px;
elevation: auto;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;

I’ve used padding with the top and bottom for the reason that the website which Formerly suffering with tinnitus working with didn’t bode well with 0px foam at both closes. The key to it is a width: 98% – the following however moves whole content slightly into the left – it is certainly nearly invisible – getting older affect the qualifications pattern – what exactly is obviously good.
I think this may sort my problem but if you know any better methods I’m happy to lern something brand-new.

Gives thanks guys,
Scabro

hi scabro,
i checked your internet site in both IE and firefox on a pc and we don’t get almost any horizontal scrollbar, simply the vertical.

i don’t see what you are talking about!

ps. site looks very wonderful!

i think i realize what’s going upon….
mac pc IE doesn’t take " overflow-y: ", but it does on some sort of pc.

i became having problems with my site upon mac IE, i think this is why.

if you could help me out, please proceed to
www. solverstechline. com in IE and let me know if the text appears to visit too far outdoors its div, or if it is properly contained these days with both horizontal and vertical scrollbars….

i do think there’s no knack of avoiding the scrollbar with a mac.
gives thanks,
-averan

Yes – as I’ve mentioned previous to – I’ve corrected this by adding to the physique tag width: 98% – this got gone that annoying scrollbar.

I saw your website and in IE on PC it’s got just the scrollbar for the right hand site – firefox however displays the small display area with

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *