Hugh,

how about something like the following (I'm obviously guessing the kind of markup and style you have, but hopefully you'll catch my drift - added coloured background for testing as well):

<div id="header">
    <div id="navigation">
        <div>the actual navbar</div>
    </div>
</div>

#header { position: relative; width: 400px; height: 250px; background: #fee; }
#navigation { position: absolute; left:0; bottom: 0; width: 100%; background: #ffe; text-align: center; }
#navigation div { margin: 0 auto; width: 250px; background: #eef; }


i.e. absolutely position a 100% wide container for the navbar, which also has text-align: center for IE compatibility, then you can use margin auto (or may as well leave it out now, after having used the text-align) for the fixed width navbar.

Patrick H. Lauke
_____________________________________________________
re�dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com

******************************************************
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************



Reply via email to