SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Nov 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Firefox is not displaying entire sections

    Suddenly this week, Firefox no longer displays entire sections of my code. The page looks fine in Explorer. The page is www dot kennedywebdesign dot com/index.html.

  2. #2
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi dalekennedy, welcome to SitePoint!

    Usually when browsers differ it is IE that is displaying things wrong according to the standard.

    It is not necessary to position absolute the banner image to get it 100% wide. The paragraph element has different browser default margins.

    Try remove the inline style and put these declarations in the css:
    Code HTML4Strict:
    <p id="banner"><img alt="" src="gallery/GraftonBanner.jpg" height="183" width="800"></p>
    <div id="header">
    <div id="sitebranding">
    Code CSS:
    #banner {
      margin: 0; /* reset default margins */
    }
    #banner img {
      width: 100%; /* overrides the image width attribute */
      height: 183px;
    }
    #header {
      padding: 15px;
      height: 80px;
    }
    Happy ADD/ADHD with Asperger's

  3. #3
    SitePoint Member
    Join Date
    Nov 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    By pulling style arguments out of the html and putting them in the style sheet, the problem was solved. I am still puzzled why the site looked fine in Firefox until last week when it did an automatic update. I assume something in the update applied stricter rules to the interpretation of html vs. css.
    Bottom line - Thank You very much!


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
  •