Stylesheets - float: left and

Author

float: left and

sjp

2005-12-04, 6:44 pm

I've been working on a web site redesign to use nothing by <div>'s laid
out using CSS. Seems to be working about how I expect it to, except that
some of the content in a left-hand column is hidden by a subsequent page
element rather than pushing the next element downward in FF. By contrast,
the right-hand column does push the next element downward.

Can anyone offer a suggestion as to where I might be going
wrong?

Here's the URL: www.progressivetrail.org

--
SportsJournals.net - free community blogging for Sports Junkies

Jim Moe

2005-12-04, 6:44 pm

sjp wrote:
> I've been working on a web site redesign to use nothing by <div>'s laid
> out using CSS. Seems to be working about how I expect it to, except that
> some of the content in a left-hand column is hidden by a subsequent page
> element rather than pushing the next element downward in FF. By contrast,
> the right-hand column does push the next element downward.
>
> Can anyone offer a suggestion as to where I might be going
> wrong?
>
I suspect you need to use a "clear:both" somewhere.
Your URL does not demonstrate the problem. The left column content is
much too short.

Other problems:
- You have no <DOCTYPE> specified. Use:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
- Fix the HTML validation errors.
- Fix the CSS validation errors.
- Provide a default background color. My default yellow shows where you
did not bother.
- You font-size is truly microscopic. 8px! That is 50% of normal (16px
which most people find comfortable), and 44% of my own default. And IE
users cannot increase the font size because you indicated size in px. Use
% or em.
- Where is <h1>? It should occur before <h2>.
- See <http://css.maxdesign.com.au/listamatic/> for menu ideas.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)