Freepages-Help-L Archives

Archiver > Freepages-Help > 2011-05 > 1305923273


From: "Barry Carlson" <>
Subject: Re: [FreeHelp] Placement of objects on web page
Date: Sat, 21 May 2011 08:27:53 +1200
References: <2525709EC2354A129B5D915A7E1A5C4D@Susan>


On Saturday, May 21, 2011 2:25 AM (UTC+12)
David wrote:-

On my FreePage,
http://freepages.genealogy.rootsweb.com/~ryderancestors/,
I have 4 boxes on the index.html page for the 4 principal surnames in my and
my wife’s ancestry. They are placed as I want them in IE 8, Firefox 4,
Chrome and Safari, but the bottom two boxes overlap the bottom RootsWeb
banner. I don’t know how to fix that.
-------------------------
David,

There a number of ways to fix the problem of clearing floats, but in your
case, and as the floats are contained withing the Rootsweb generated
#userContentFP page div, the following will fix the problem in all
browsers:-

<style type="text/css">
#userContentFP {overflow:hidden; margin-bottom:30px;}
</style>

You already have test facility for styles in the head of your page, so just
add the above style to it.

Nothing is done to your content, and the Rootsweb container div is told to
do the right thing. Adjust the margin-bottom as required.

Barry

This thread: