Forum Moderators: not2easy

Message Too Old, No Replies

Spacer at bottom of my footer in Fire Fox

         

Fortune Hunter

3:14 pm on Sep 5, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I have a simple one column page with a header and footer set up in CSS. The footer has a white line under the JPG (not in the graphic) footer (almost like a paragraph tag) when viewed in Fire Fox, but not in IE 7. I am a beginner in CSS, but having looked at it I can't really see anything that would cause this. I am posting the code below if someone could take a quick look and let me know what you think might be causing it I would appreciate it.

</head>

<body>

<div id="outerWrapper">
<div id="header"><img src="Images/Title_Header.jpg" alt="" width="850" height="75" /><img src="Images/Photo-Header.jpg" alt="" width="850" height="150" /></div>
<div id="contentWrapper">
<div id="content"><h1>H1 Main Content</h1>
<p>Content Goes Here</p>
<h2>H2 level heading</h2>
<p>More Content Here</p></div>
</div>
<div id="footer"><img src="Images/Footer.jpg" alt="" width="850" height="150" /></div>
</div>

</body>

Fortune Hunter

3:30 pm on Sep 5, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Scratch my request above. It seems I simply needed to apply a property of 150 pixels to my style sheet for the footer to match the same height as my JPEG file. Once I did that the space vanished in both Fire Fox and IE.