Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthordavviau
    • CommentTimeJun 30th 2006 edited
     permalink
    I'm new to these forums. I have a problem with IE and some CSS. It works fine in Firefox. But then what else is new.

    Problem:
    My text won't center/middle in a div. I have not done anything special for it to work in Firefox, it just does. However it doesn't work in IE.

    Please take a look at my site using IE or Opera or Netscape. Basically anything other than Firefox. Perhaps look at it using Firefox to see what I want.

    Link:
    Site - http://www.davidspencer.id.au/NewSite
    CSS - http://www.davidspencer.id.au/NewSite/styles/style.css

    The problem is with the Navigation bar under the banner.

    Any feedback would be appreciated. If you need more details feel free to ask.

    Thanks

    David
    •  
      CommentAuthorJohnRiv
    • CommentTimeJun 30th 2006
     permalink
    The reason you're seeing it vertically centered in Firefox is because Firefox's default top margin for a UL is somewhere around 16px, and since the height of the navigation div is 50px, it appears to be vertically centered. Other browsers have a default margin-top value of 0px for UL's.

    Solution: Define all values for the margin and padding of the navigation UL and LI and you'll have a more consistent appearance across the various browsers.
    • CommentAuthordavviau
    • CommentTimeJun 30th 2006
     permalink
    Great. Thanks. I'll have a look at it when I get a chance. I'll comment on how I get on.
    • CommentAuthordavviau
    • CommentTimeJul 4th 2006
     permalink
    That worked a treat. Thanks for the help. I'll definitely be coming back here for CSS help. Probably won't be long either. *grin*

    Thanks again.
Add your comments
    Username Password
  • Format comments as (Help)