Previous Message
Next Message

Getting rid of IE positioning Hacks

Sent by Els on 26 February 2006 20:08


Ryan Morris wrote:

> #ul-nav{
> *margin-top:-40px;
> }
>
> If i remove this, see example
> http://menutest.mnos.org/test_nogoodinie.php
>
> Is there any way to position this Menu (#ul-nav) correctly
> without
> relying on an invalidating position hack?

Delete from styles for #ul-nav:
width:100%;
and
*margin-top:-40px; /*for IE only, to place above party-selector*/

A width of 100% doesn't combine with making room for a right
floated element in IE.

To make the select element appear on the right height in Opera as
well, add:
#nav-party form{
 margin:0;
 padding:0;
}

Also, you might want to make the background behind the top green
image green, so that when images fail to load for whatever
reason, the Home, Start, About and Login links don't become white
on white.

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: