Patrick Roane wrote:
Hey folks,
I am wondering how I can move my green horz. menu over
so that it is centered above my content instead of
being pushed over to the left. Also, does anyone know
why the background of the top container block (which
contains my logo) is grey in IE, and white (which is
what I prefer) in Mozilla?
Please take a look at
http://www.pdrsolution.com/test/index.html
Hi Patrick,
You have a few issues:
<div id="horzmenu">
<ul id="horzmenu">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
The above markup is invalid in that you cant use id="horzmenu" twice.
You also have CSS for:
#Menu {
position:absolute;
top:300px;
left:20px;
width:172px;
padding:10px;
background-color:#eee;
border:1px dashed #999;
line-height:17px;
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
width:150px;
}
yet I am not sure of the reason as you have no #Menu in your HTML markup.
The way to center the menu is to give both sides of the containing div
auto margin. The div needs a width for this to work.
Rob
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
