Previous Message
Next Message

Horizontal scrollbar bug on Safari/FF for div#nav a la Cederholm Bulletproof scalable navigation

Sent by Rob Newman on 29 March 2006 07:07


Hi everyone,

This is my first post to the list so please be gentle :)

I have a site I am making: http://www.variandesigns.com

I have implemented the Scalable Navigation from Dan Cederholm's 'Bulletproof
Web Design' book, but have a problem with a horizontal scrollbar in Safari and
FF (Win). I have managed to stop it appearing on FF (Mac) with the following
declarations:

body {
        overflow-x: hidden ;
        overflow-y: auto ;
}

But I can't figure out how to get rid of the scrollbar in Safari. I tried to
add the following to the #nav div to force the scrollbar to disappear, but this
seems like a real hack solution.

position:relative ;
left: 40px ;
margin-left: -40px ;

I have tried to solve by searching Google, and it seems like everyone knows the
problem (such as Eric Meyer commenting on the 'dread horizontal scrollbar') but
a solution seems to be eluding me. Can anyone help me? Thanks in advance,

- Rob


		
___________________________________________________________ 
To help you stay safe and secure online, we've developed the all new Yahoo! Security Centre.
http://uk.security.yahoo.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: