[css-d] IE6 and 7 help please
Happy New Year to the list. I'm just starting on the development of a site for an authoress and have hit a problem in IE6 and 7 with the main navigation list. You can see the page I'm working on at: http://www.peredur.net/stella/template.php The page is valid according to the w3c validator and renders correctly in everything I've tried (FF, Opera, Chrome, IE8) except for IE6 and 7. IE6 isn't respecting the padding given to the links. IE7 isn't displaying the menu at all! I've never met this one before, so I'm at a bit of a loss. Does it ring a bell with anyone who could let me know what I have to do to get it to render properly---or at least reasonably---in the problem browsers? Thanks in advance. Cheers Peredur -- peredur.net http://www.peredur.net __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and 7 help please
http://www.peredur.net/stella/template.php
The page is valid according to the w3c validator and renders correctly in
everything I've tried (FF, Opera, Chrome, IE8) except for IE6 and 7. IE6
isn't respecting the padding given to the links. IE7 isn't displaying the
menu at all!
ul#topnavlist li a {position:relative}
That is the hack that will fix the problem.
BTW, your page is not valid. The Crime, Cats etc sub-menu should be
within an li.
~Chetan
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and 7 help please
On 01/01/11 15:30, Chetan Crasta wrote:
ul#topnavlist li a {position:relative}
That is the hack that will fix the problem.
BTW, your page is not valid. The Crime, Cats etc sub-menu should be
within anli.
~Chetan
Aargh! That'll teach me one of two things. Either to stop fiddling
when other people are going to check the code or, if I have to fiddle,
to at least revalidate the page before putting it up. My apologies for
that.
As for the hack: works like a dream. Another one for the little black
book of handy IE hacks. Many thanks.
Now I just have to sort out why IE7 and only IE7 seems to be having a
problem with the placeholder image. It's never straightforward, is it.
Many thanks, Chetan.
Cheers
Peredur
--
peredur.net http://www.peredur.net
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and 7 help please
Now I just have to sort out why IE7 and only IE7 seems to be having a
problem with the placeholder image. It's never straightforward, is it.
Many thanks, Chetan.
Happy to help.
Try the same hack:
#header img {position:relative;}
~Chetan
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and 7 help please
On 01/01/11 16:23, Chetan Crasta wrote:
Happy to help.
Try the same hack:
#header img {position:relative;}
~Chetan
Yep. Just did. It works, too.
Just out of interest, do you know what's going on here? Or is it one of
those, It works. Don't ask, sort of things? If I could get a handle
on why IE7 behaves in this way I might be better at spotting when the
hack should be applied.
Again, many thanks.
Cheers
Peredur
--
peredur.net http://www.peredur.net
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
