SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Mar 2003
    Location
    Melbourne, Australia
    Posts
    463
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    [css] problem with ns7 and moz 1.3

    http://www25.brinkster.com/dtra/noFlash/main.aspx
    http://www25.brinkster.com/dtra/noFlash/styles.css

    my page looks fine in ie6 and opera 7
    but with the other two it s not quite right
    im not too sure, it might be padding
    or maybe i just don't fully understand the co-ordinates

    but it looks ok when doing it in dreamweaver also

    i'm very pleased because it also validates
    xhtml1.1 and css 2
    so i just want to get it looking right in as many places as possible

    any help
    thanks
    Last edited by dtra; Mar 20, 2003 at 21:18.

  2. #2
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Strange, it doesn't look too bad in Phoenix. What's the problem exactly? :-)

    ~~Ian

  3. #3
    SitePoint Guru bronze trophy blufive's Avatar
    Join Date
    Mar 2002
    Location
    Manchester, UK
    Posts
    853
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In Moz 1.3, at least, the <p> tag in .rightbar has substantial top and bottom margins on it.
    Adding
    Code:
    .rightBar p { margin: 0;}
    to your CSS ought to fix it.

    You might want to do something similar for the H1 in .topRight (or, you might not. Your call.

    Those are the only differences I can see between Opera 7 and Moz 1.3.

    In Mozilla (and, I think, N7) the DOM inspector (ctrl-shift-I) is your friend for this sort of thing. Browse the page structure in the left panel, and tweak the right panel to show you the computed style of each individual HTML element and the style rules that led to it.


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
  •