Sent by Jérôme Coupé on 26 January 2004 10:10
Hello Catherine,
****************************************
However, I'd like to move the 'rightnav' div below the 'content' div in the
code so that it appears after the content to a screen reader.
****************************************
The "problem" here is that you use float left / float right to position your
navigation and right column.
In your code, the structure you use is :
<div id="leftnav"></div> >>> float:left;
<div id="rightnav"></div> >>> float:right;
<div id="content"></div> >>> some margins to make room
If you use floats, the order in which your code is is quite important
(floated elmements must be before margin element (content zone) in your
code), as you noticed ;o)
To write your code with content first, use absolute position rather that
floats, you'll then be able to order your divs any way you like in your
code, since position:absolute is taking your divs out of the document flow.
<div id="leftnav"></div> >>> position:absolute; top:x; left:x;
<div id="rightnav"></div> >>> position:absolute; top:x; right:x;
<div id="content"></div> >>> some margins to make room
Pay attention to position:absolute; right:0; on mac IE :
http://www.l-c-n.com/IE5tests/right_pos/ (credits : Philippe Wittenbergh)
Hope it helps.
Regards,
Jérôme Coupé
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/