2 replies [Last post]
velo
velo's picture
Offline
Enthusiast
Fayettenam
Last seen: 12 years 18 weeks ago
Fayettenam
Timezone: GMT-5
Joined: 2004-11-11
Posts: 181
Points: 0

This one is a bit odd. It only seems to happen in FF. I've validated the HTML and CSS and they are pretty close to 100% and I am working on cleaning that up. So no validation flames! ;o)

I have <div> at the bottom of my index page. It's just basic text information but it's acting all funky-like. The URL is http://www.cginy.net and here is the code in question-

//CSS
#siteDisclaimer{
width:800px;
font-size:9px;
text-align:center;
float:left;
}

//HTML
<div id="siteDisclaimer">
&copy;2005 Coapman-Gibbons Interactive.  All rights reserved.<br>
 No part of this website, pictures, graphics, source code, or textual content may be reproduced or redistributed without the express, written consent of Coapman-Gibbons Interactive.  <br>
 Whilst every care has been taken to ensure that the information contained in this
web site is correct, CGINY.NET cannot accept responsibility for any error or omission
which may occur.<br>
Please <a href="?content=contact" class="small">contact the webmaster</a> with any technical problems, comments, or suggestions you may have with this website.  
</div>
</body>
</html>

All pretty straightforward...BUT....when I first load the page in FF, and only the first time per browser session that I load the page, this "siteDisclaimer" div appears in the middle of the page and not at the very bottom of the page as it should. I really can't see why or how that would be.

Give a man a fire and he will be warm for a while. Set a man on fire and he will be warm for the rest of his life.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 29 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

A small issue....

It will be to do with the fact that your layout relies on the image dimensions for it's height, until the image has downloaded the structure is short and the disclaimer div sits in the middle of the page.

You need to sort a correct Doctype one with full url as your in quirks mode at the moment.

You shouldn't need to use br and empty <p> for spacing try and use CSS margins for your spacing.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

velo
velo's picture
Offline
Enthusiast
Fayettenam
Last seen: 12 years 18 weeks ago
Fayettenam
Timezone: GMT-5
Joined: 2004-11-11
Posts: 181
Points: 0

Hmmmm...

OK, I see what you mean. I've tried explicitly setting the height and width of the image hoping to get it to "take up space" before it's loaded, I've pre-loaded the graphic in question invisibly before any other body content, and I've tried an onPageLoad() script to not write the disclaimer div until the page is loaded. All to no avail.

The text *has* moved a bit farther down the page after doing some of these but it's still loading too quickly. Any thoughts on how I might fix this one?

Hugo- thanks for the catch on the Doctype...I may have rushed this project a bit....haste makes waste!!! Wink

Give a man a fire and he will be warm for a while. Set a man on fire and he will be warm for the rest of his life.