By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,396 Members | 1,835 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,396 IT Pros & Developers. It's quick & easy.

Trying to learn positioning

P: n/a
The file at was
started so I could teach myself positioning, and to be the first stage
of a design for a website. It is meant to have a header area covering
the entire width of the viewport and 15% of the height, a navigation
area on the left fitting just below the header area and occupying 25%
of the viewport, and a content area covering the rest of the viewport.
The header and navigation areas are meant to be fixed with the content
area absolute so that in those browsers which honour fixed positioning
the text in the content area will slide scroll up behind the header
and the navigation area will remain unmoved. The design partly works
in Mozilla 1.4, Netscape 6.2, and Opera 7.23, except that the content
area scrolls over the header area rather than behind it. But in MSIE 6
the header area does not retain its designated height when in contact
with the navigation area, which is higher on the screen than it should
be. The content area appears to be at the correct height, though there
is a strip of background colour separating it from the header area. Is
this because the header and navigation areas are position: fixed; and
touch each other? Are there fixes for these two problems?

Thanks in advance, Alex
Jul 20 '05 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.