468,251 Members | 1,464 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,251 developers. It's quick & easy.

Floated left column pushes content down

I have a div floated left for a navbar, with another div in the normal
flow for content, like so:

#leftnav { float: left; width: 120px; }
#content { margin-left: 170px; margin-right: 10px;}

What I'd like is for my left nav to always stay in a fixed size and
position, and my content to size dynamically to fit the window. This
mostly works for that, except that if the content contains a table
wider than the content div, the table gets pushed down below the
navbar.

Can I prevent this in any way?

(I'm pretty sure I need to float the navbar; I considered absolute
positioning, but I need a left-aligned footer, and the navbar can be
the longest element on a page.)

--
Mike Kozlowski
http://www.klio.org/mlk/

Jul 20 '05 #1
0 1689

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by Graham J | last post: by
4 posts views Thread by boclair | last post: by
2 posts views Thread by Ray Shah | last post: by
1 post views Thread by alex | last post: by
18 posts views Thread by zzpat | last post: by
3 posts views Thread by =?ISO-8859-1?Q?Ney_Andr=E9_de_Mello_Zunino?= | last post: by
7 posts views Thread by Ed Jay | last post: by
reply views Thread by NPC403 | last post: by
reply views Thread by kermitthefrogpy | last post: by
reply views Thread by zattat | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.