Page renders strangely

Discussion of general topics about Seamonkey
Posts: 49
Joined: November 25th, 2002, 9:15 am

Post Posted November 27th, 2002, 3:13 pm

a.k.a - looking for free web consultancy ;)

A page of mine renders strangly in Moz (and IE, which isnt saying much)
If you go to and scroll to the bottom you will see large white spaces in the footer. Anyone have any idea why? The page validates as HTML4.01.

The offending code which creates the gaps...

<!-- Footer -->
<hr SIZE=1 CLASS="footer">

<font SIZE="1">
Le Caperdu Website (c) Copyright 2000-2003 Designed and created by David Goodwin<br>
<script TYPE="text/javascript" language="JavaScript">
document.write("This page was last modified on "+ document.lastModified);
<!-- Counter -->
<img SRC="" ALT="Counter Image" BORDER=0> since September 2000
<!-- End of Counter -->
Contact <a href=""></a> for further information.

<a href=""><img border="0"
alt="Valid HTML 4.01!" height="31" width="88"></a>
<hr size=1 CLASS="footer">
<!-- End Footer -->


User avatar
Posts: 5205
Joined: November 4th, 2002, 6:13 pm
Location: .de

Post Posted November 27th, 2002, 5:00 pm

You don't have a HTML problem, you've got a CSS problem. If you take this out (or use a reasonable value) it'll probably look like intended:
Code: Select all
   font-size: 10em;

This means: use a font size ten times the computed font size of the parent element (the html element), which explains the large gaps. What I don't understand is that the font element you use in your footer only influences the font size in this case and not also the line height inside itself (on the line breaks).

Posts: 49
Joined: November 25th, 2002, 9:15 am

Post Posted November 27th, 2002, 8:10 pm

thx a lot - that solved it! :)

Return to SeaMonkey General

Who is online

Users browsing this forum: No registered users and 1 guest