SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Feb 2004
    Location
    Australia
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem with <a> width in Netscape

    Hi all,

    I'm trying to convert my inavigation from mage based rollovers to css based
    rollovers. I seem to be having problems making it look right in Netscape.

    Here's my page:
    http://www.website-workshop.com/freebonus2.shtml

    And my Css:
    http://www.website-workshop.com/style2.css

    Any help very much appreciated.

    Warm regards,
    Bina.
    ~WebBriefcase~
    Web site building for non-techies
    http://www.webbriefcase.com.au

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

    The problem is that you are defining the width for the anchor whic is not allowed because it is an inline element. However as you are working in quirks mode then ie allows this.

    The correct answer would be to float the anchors so that they can take width and still stay on the same line.

    If you are going to stay in quirks mode then an easy fix would be to use display:table-cell which gecko (mozilla etc) browsers will understand and IE will continue to use the method its using already.

    Code:
    a.button{ display:table-cell;}
    Hope that helps.

    Paul


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
  •