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)