Despite being the first element in the page, this would have been far easier to diagnose if all your CSS was in separate and external files. In this way you can simply disable your custom stylesheets to rule out any issue(s) with Blueprint or layout.
The negative text-margin is not really an accessible idea any more and there are far more elegant ways to manage skiplinks. I also disapprove of just whacking position:relative onto redundant surrounding DIVs just to manage absolutely positioned elements but that's another story. Float or absolute - but rarely do we mix. :) While you're there you might also like to remove the margin from the body and apply it to your wrapper. On Apr 21, 1:13 am, speedunk <[email protected]> wrote: > Hi Ian.... > > I've run a few tests and I have found the solution to the problem you > are seeing. The problem is caused by the text-indent:-9999px on > the .skipnav div. > > There are two options for fixing this problem... they are both fairly > simple. > 1. add overflow:hidden to the .skipnav div - this is a pseudo hack for > IE because it only applies to fixing the scrollbar in IE browsers > 2. add another div around the skipnav div and apply position:relative > to the new div. This is how I always handle divs that are have the > position:absolute style. This keeps a consistent cross-browser > rendering and also removes the scrollbar in IE. And just remember for > future projects... Always make sure that the position:absolute div is > wrapped in a position:relative div. Some browsers do not know where to > place the position:absolute element if it is not inside of a > position:relative element. The body does not compute the > position:relative style, so you need to add a "wrapper" div. > > Either way will fix your scrollbar issue in IE. I would opt for #2... > but it's up to you. Let me know if this helped in anyway. > > Sean K. Stewart > > On Apr 17, 9:10 am, Ian Fenn <[email protected]> wrote: > > > Hi, > > > Has anyone else experienced a visible horizontal scrollbar in IE7 when > > using Blueprint? > > > The container seems to be the correct width and there's no obvious > > cause... Strangely, I don't get the issue with the test pages on > > blueprintcss.org. > > > However, I do get it on this: > > >http://www.felixyu.co.uk/ > > > All the best, > > > -- > > Ian --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en -~----------~----~----~----~------~----~------~--~---
