Scrollbar in ie, not in Firefox though?!

[Phat-Cat]

Ok The scrollbar in ie is making everything align up werid and I want to remove it. Its no like you need it either everything fits on the page, but in ie it stays there, jsut stays there screwing up the entire world...(excuse me i had to get that out). But in the holy firefox it's not there at all until you resize it which is ok of course. I found a tag that gets rid of it, and comes back when you resize the ie browser, but in full screen mode ( it goes away now) there is a space as if though the bar was still there!!! and so the page is still off place because of it. Any suggestions?

 

[LeetPCUser]

My suggestion is you post your site so we can see. Also, there is most likely a way you could work on your CSS or HTML to make it view the same in both. My thought is you are not properly coding it.

 

[Phat-Cat]

I know its not a problem with my coding. It will not be possible for me to post my web site. I am using divs wich created another problem that i managed to fix. But I don't think you would need to see my site because all I want to know is if it is possible to remove the Vertical scroll bar in ie when it is not needed, and so that it does act as if though it is just invisible.

I don't want to work around the problem, because problems can't always be simply covered up sometimes it needs to be adressed and fixed completely.


I will not use tables.

 

[hostingdiva]

I'm not sure if this would work - but try changing font view on your IE browser to make the font smaller where everything would definitely fit on your screen. If the scroll bar does not go away, then there is a problem wtih the code - that is, something in your code is conflicting with whatever IE is readin on your page.

 

[JMorris]

In certain instances, applying a width of 100% to divs will cause a horizontal scrollbar in IE, but not FireFox. This usually happens when either margin and padding are defined as < 0 or not defined at all. By default, there is a small amount of margin.

Try the following in your CSS...

body {margin:0; padding:0;}

If you want a bit of spacing for your divs, just apply the desired margin to the affected divs, like so...

#header {margin:2px;}
#main {margin:0 2px 0 2px;}
#footer {margin:2px;}

Then in your HTML....

<div id="header"><!--Your Header Content--></div>
<div id="main"><!--Your Main Content--></div>
<div id="footer"><!--Your Footer Content--></div>

Hope that helps.

James