Freepages-Help-L Archives

Archiver > Freepages-Help > 2011-05 > 1305931675


From: Barry Carlson <>
Subject: Re: [FreeHelp] Placement of objects on web page
Date: Sat, 21 May 2011 10:47:55 +1200
References: <2525709EC2354A129B5D915A7E1A5C4D@Susan><569FE33EDF3C48E88BF85B48BF647CE2@BERT>
In-Reply-To: <569FE33EDF3C48E88BF85B48BF647CE2@BERT>


Contrary to what I wrote in my previous post, the solution I gave will only
work in Firefox.

This is another case of not all browsers being equal and the difficulties
involved in creating one style to fit all.

I'll get back a little later with hopefully a global solution.

Barry

On Sat, May 21, 2011 at 8:27 AM, Barry Carlson <> wrote:

> 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: