SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: NN7 issues

  1. #1
    SitePoint Member
    Join Date
    Aug 2004
    Location
    NH USA
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question NN7 issues

    OK, Here it is

    http://www.thejourneynh.com/cssindex.htm

    I am attempting my first true Pure CSS layout... It looks great in IE (go figure) and Opera does Just fine as well but NN7 shifts the menu over on top of the content???

    Any help would be greatly appreciated...

    I want to understand why this happens not just get a fix.

    ALSO

    I would love to do some PureCSS Expanding menus on the left instead
    of showing all the links but haven't found the right tutorial? Any ideas?

    RAKESS

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    When things are different between ie and mozilla your first port of call should be to check the default margins and padding that is applied to elements. IE and mozilla will apply different amounts and it is your job to control this by setting them explicitly.

    In ul's IE will allow space for the bullets by using a margin property however mozilla will use padding for the same effect. (Just as opera uses padding for the body default margins and other browers use the margin property).

    So you just need to set the padding to zero as well as the margin for the ul which makes your left nav.

    e.g.

    Code:
    #nav	 {margin: 0;padding:0; list-style-type: none; width: 10em;}
    All things being equal that should line your page up correctly (with any luck ).

    You can't do pure css menus because ie doesn't understand hover except on anchors. However there are some unobtrusive versions around such as the suckerfish dropdowns and this link below which has expandable menus.

    http://www.gazingus.org/html/Using_L...TML_Menus.html

    Hope that helps.

    Paul

  3. #3
    SitePoint Member
    Join Date
    Aug 2004
    Location
    NH USA
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Talking Thank you!!!

    WOW Paul!!! thanks for the quick response and the clear explination!!!

    I just noticed one more bug.... I am using a hack to do the transparent box for the content but now i see that nn7 make the text transparent as well? Does anyone know how to fix this??

    RAKESS


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •