I am getting a horizontal scroll bar in IE6. Attached the path to zip folder. Download and open index.html page in IE6. Let me know how to remove the scroll bar.
IE6-horizontal-scroll bar
views:
1848answers:
3
+1
A:
Its one or more bad values in paddings. Try replacing all "padding" with "xxx" for a moment and you'll see that the problem disappears.
You also need to study the broken box model on IE.
Solution:
- Replace all padding: 10px with padding: 10px 0;
- Fix what does not look right (padding wise)
cherouvim
2009-03-06 07:04:00
I have a specific css file for IE6 called skin-ie.css in which I have set all the padding to "0".
Shivanand
2009-03-06 07:08:28
Yes I saw that. Try removing all padding declarations from your CSS files and you'll see that this is the problem. Many times you do padding: 10px; width: 100%; where you should be doing padding: 10px 0; width: 100%;
cherouvim
2009-03-06 07:12:35
It works when I change in index.css for these selectors: container, heder, footer. When I change the same for skin-ie.css it doesn't work.
Shivanand
2009-03-06 07:36:56
Change it globally as I showed you before to fix the bug and then redo the style to make it look as it was before.
cherouvim
2009-03-06 07:42:26
Ok, I will try your idea
Shivanand
2009-03-06 09:04:04
So you mean changing in skin-ie.css will not work?
Shivanand
2009-03-06 09:18:55
Worked for me :)
2009-11-30 23:16:36
A:
You need to set the horizontal padding of div#container to zero too. You're only setting the top padding in skin-ie.css to zero now. Change padding-top: 0px in skin-ie.css to padding: 0 (the px is unnecessary for zero).
mercator
2009-03-06 10:08:14
Then you'll have to provide a better, more minimal example, because this works for the file in the zip you provided... Remove elements from the page until you find out what the culprit is... The screenshot in your reply to mike nvck breaks on something not in that zip, for example.
mercator
2009-03-06 13:55:34
A:
tried
html{
width:100%;
overflow-x: hidden;
}
body{
width:100%;
overflow-x: hidden;
}
yet?
EDIT:
This works but hides right side edge content. See the link screenshot. http://shivanand.in/temp/rightside-edges-hidden.gif – Shivanand
Hmm, that is weird. Are you using any position: absolute DIVs with width set in pixels (not %) that are causing this to happen?
mike nvck
2009-03-06 10:14:10