view this page in IE7: http://www.ttownsound.com/forum/fin...d-looking-for-new-members/page-1/post-17/#p17 It has an unwated right and bottom scroll for that container. This is probably obvious - but I don't often have to worry about IE hacks and what-not. How do code the CSS to be rid of the scrollbars?
It's doing what you told it. Using shifted relative position works differently than you expect. You need to study §9 of css2.1. div#ads { /*style.css (line 42)*/ left:372px; margin:0; padding:0; position:relative; } Code (markup): Instead of rel. pos. and shifting, try {float: right;}, or use absolute positioning. Both have their own gotchas. Study §9, ref'd above. cheers, gary
Gary - I thank you for the help. That actually was not the problem - and that section was working properly...but you led me to find the real issue. the wrapper div had the overflow set wrong - overflow:auto; I changed it to - overflow:hidden; and the scrollbars are gone for good! I thank you for your help.
No, that section was/is not working properly. That you need overflow hidden only masks an undesirable result of crappy coding. You obviously don't understand the ramifications of shifting relative positioned elements. Read and reread the cited css2.1 section 9 until you understand it. Removing the relative positioning removes the problem. Floating #ads right puts the ads where you want them. There may be some tweaks needed, but that is the approach to take. gary
The scrollbars where there because you were pushing something too far off to the size with rel positioning. Overflow:hidden only hides it. (Actually, I though this didn't work in IE? Or overflow just doesn't wrap floats in IE?) You can vacuum the dust up, or sweep it under the carpet.
The latter, except that IE7 causes overflow other than visible to trigger hasLayout. That, of course, contains floats, but isn't exactly the same as creating a new block formatting context. cheers, gary