SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Page Looks Different in Safari But Not Explorer

    Here is the link to a page still being developed...


    LINK-
    http://www.estatesatnortoncreek.com/.../property.html


    Why is it that it looks correct in Explorer and Opera but not in Firefox, Safari or Netscape? The thing that is throwing me off is the top nav bar does not join the panoramic image beneath it as it does in Microsoft Internet Explorer on a Mac. Can someone help me figure this one out? Thanks so much!

    Todd Temple
    Todd Temple > T2 Design

  2. #2
    Non-Member deathshadow's Avatar
    Join Date
    Jul 2006
    Location
    Dublin, NH
    Posts
    901
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You didn't explicitly set the margin and padding to zero on that element and those around it.

    You may want to kill ALL the birds with one stone, and add

    * { margin:0px; padding:0px; }

    to your CSS, it's a touch of overkill, but it's like nuking the site from orbit - it's the only way to be sure.

  3. #3
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You are using the xml declaration. IE chokes on this and goes into quirks mode. You will never get IE to look like the same in modern browsers until you remove that first line in your html. Only modern browsers properly handle xml prologue.

  4. #4
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have removed the XML declaration and I have also added the "margin:0px; padding:0px" info to the page and it still is throwing me some incorrect positions. The panoramic image should be touching the bottom of the nav bar.
    Looks good in Explorer, bad in Firefox, Safari, and Netscape. Here is the link again. Any help?

    LINK-
    http://www.estatesatnortoncreek.com/.../property.html
    Todd Temple > T2 Design

  5. #5
    Carpe Diem = Fish of the Day fisherboy's Avatar
    Join Date
    Dec 2005
    Location
    New Zealand
    Posts
    488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ditch the HTML4 Transitional DTD and go for HTML4 Strict at the top of your code. This will make it look sucky in IE as well.

    Get your code into a valid state with the Strict DTD, displaying correctly in FF etc, then sort out the oddities in IE (lots of people here will help).

    Good luck!
    fisherboy
    Web Site Design


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
  •