Re: [css-d] Getting rid of IE positioning Hacks
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 PROTECTED]
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/
Re: [css-d] Getting rid of IE positioning Hacks
Ryan Morris wrote:
> ... I have this menu/submenu
> http://menutest.mnos.org/test.php
> (don't mind the page having no relative content - I cut out the excess for
> the purpose of this email)
How uncommon on this list, thanks.
> This works fine in IE & Firefox - however, it's working ok in IE because it
> has a position hack applied to it in the css (hp_nav.css)
>
> #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?
For IE, this should work, too:
#ul-nav {
margin: 0;
padding: 0;
/* width:100%; */
position:relative;
zoom:1;
}
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
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/
Re: [css-d] Getting rid of IE positioning Hacks
Ryan,
Try putting the IE hack in a conditional comment:
Place this just prioir to . The validator ignores anything inside the
comments. You will need the code on every page or set it up as an include.
For more on conditional comments go to microsoft.com and search for
'conditional comment'.
Jim
On 2/26/06, Ryan Morris <[EMAIL PROTECTED]> wrote:
>
> Hello,
>
> I am trying to avoid using IE hacks as much as possible - especially ones
> that result in 'invalid' css.
>
> I have this menu/submenu
> http://menutest.mnos.org/test.php
>
> This works fine in IE & Firefox - however, it's working ok in IE because
> it
> has a position hack applied to it in the css (hp_nav.css)
>
> #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?
>
__
css-discuss [EMAIL PROTECTED]
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/
[css-d] Getting rid of IE positioning Hacks
Hello,
I am trying to avoid using IE hacks as much as possible - especially ones
that result in 'invalid' css.
I have this menu/submenu
http://menutest.mnos.org/test.php
(don't mind the page having no relative content - I cut out the excess for
the purpose of this email)
This works fine in IE & Firefox - however, it's working ok in IE because it
has a position hack applied to it in the css (hp_nav.css)
#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?
I appreciate any response - thanks for the effort out there!
-Ryan Morris
__
css-discuss [EMAIL PROTECTED]
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/
