SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Mar 2002
    Location
    Grimsby
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS padding and background image

    please take a look at the following url:

    http://www.dimorphism.co.uk/layout.css

    the background image behind the nav pushes the top cell down in most browsers apart from I.E6, any ideas how I can rectify this? also do brosers such as opera, netscape and mozilla handle padding differently as the titles e.g breakdown @ 3 city don't position where I want them to, they revert to the left handside covering the submenu.

    The Css is available here:

    http://www.dimorphism.co.uk/layout.css

    Also I now it doesn't work at all in netscape 4 but i never expected it to as netscape navigators full time job is to break style sheets!

    Thanks in advance.
    darren

  2. #2
    Put your best practices away. The New Guy's Avatar
    Join Date
    Sep 2002
    Location
    Canada
    Posts
    2,087
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    opera, netscape and mozilla render CSS properly. IE does not. Could you post some sample HTML just so we can see what it looks like?
    "A nerd who gets contacts
    and a trendy hair cut is still a nerd"

    - Stephen Colbert on Apple Users

  3. #3
    SitePoint Enthusiast DFS's Avatar
    Join Date
    Sep 2002
    Location
    The Wilds of Northern Maine
    Posts
    54
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The first link you provided was to your CSS file not the page itself. I assume you mean to point to your home page at http://www.dimorphism.co.uk/index.htm right?

    Right now, looking at it in Opera 7, Netscape 7 and IE 6, they are all rendering the page completely different, with IE6 looking the best.

    Looking at the code there, you've got two style sheets linked
    <link href="layout.css" rel="stylesheet" type="text/css">
    <link href="coverage.css" rel="stylesheet" type="text/css">

    Plus you've got css directly in your markup as well. Might be easier to troubleshoot if you consolidate all your CSS into one place?

    Probably most importantly, you've got no Doctype specified!! http://htmlhelp.com/tools/validator/doctype.html I'd vifx that before looking at anything else.


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
  •