SitePoint Sponsor |
|
User Tag List
Results 1 to 3 of 3
-
Nov 15, 2008, 07:22 #1
- Join Date
- Nov 2008
- Posts
- 2
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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.
-
Nov 15, 2008, 11:45 #2
- 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
-
Nov 18, 2008, 10:09 #3
- 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