With respect to: <!-- m --><a class="postlink" href="http://www.williamlatimer.com/wildflower">http://www.williamlatimer.com/wildflower</a><!-- m -->
What about the following would cause IE5/PC to render the links without any padding or border, etc.?
Thanks in advance.
#navcontainer ul{
padding: 5px 0;
margin: 0;
list-style-type: none;
width: auto;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-align: center;
}
#navcontainer li {display: inline}
#navcontainer li a{
text-decoration: none;
background-color: #C7E0F3;
color: #2A5474;
margin: 0;
padding: 4px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #2A5474;
}ie5 does not apply padding or borders to inline elements.I spent ages over this type of problem last night, for <!-- m --><a class="postlink" href="http://www.emdevelopments.co.uk/tollgate/nov03/main.htm">http://www.emdevelopments.co.uk/tollgate/nov03/main.htm</a><!-- m -->
Initially IE5 wouldn't display padding for me either, but I found that when you add a width (in px or em) it will render li's inline with padding. see the top menu with Home, about us and contact us on the page I linked to.
Whether it'll work for everyone else is another thing tho lol.
Try adding a width to the li, check out what I did on that page, and if that fails I'll have a look tomorrow.Thanks DaveSW, but... I cannot get it to work with mine.
Probably because of the way I've defined stuff. My list is is done a little differently than yours.Adding display:block;float:left; to #navcontainer LI A
would give you padding and border, but the menu then aligns left not center.Yeah, I'm sort of stuck with this one.
This layout has already been approved.
I should have thought about IE5 before going this way.I'll take it across to my IE5 machine but I'm busy till about 3 tomorrow, so I'll look then.Use my previous fix and this:
<UL style="padding-top:0;padding-left:24%;">
The menu is "centered" again, but it will break if the window is too narrow.Could you use negative margins instead to centralise it?Thanks guys, I'll go give it a shot and let you know tomorrow how it turns out.
I'm thinking of using the Mid Pass Filter by Tantek to give this to IE5 exclusively.It worked! And I used the Mid Pass Filter to send the hack to IE5 only.
Thanks for the help. Hopefully this will help some other folks out there.
UL's have a lot of bugs with IE5. Ever since switching to building SC websites, I've begun to speak of IE5 pc as I used to speak of NN4.xIE6.2 out soon, I can't wait
What about the following would cause IE5/PC to render the links without any padding or border, etc.?
Thanks in advance.
#navcontainer ul{
padding: 5px 0;
margin: 0;
list-style-type: none;
width: auto;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-align: center;
}
#navcontainer li {display: inline}
#navcontainer li a{
text-decoration: none;
background-color: #C7E0F3;
color: #2A5474;
margin: 0;
padding: 4px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #2A5474;
}ie5 does not apply padding or borders to inline elements.I spent ages over this type of problem last night, for <!-- m --><a class="postlink" href="http://www.emdevelopments.co.uk/tollgate/nov03/main.htm">http://www.emdevelopments.co.uk/tollgate/nov03/main.htm</a><!-- m -->
Initially IE5 wouldn't display padding for me either, but I found that when you add a width (in px or em) it will render li's inline with padding. see the top menu with Home, about us and contact us on the page I linked to.
Whether it'll work for everyone else is another thing tho lol.
Try adding a width to the li, check out what I did on that page, and if that fails I'll have a look tomorrow.Thanks DaveSW, but... I cannot get it to work with mine.
Probably because of the way I've defined stuff. My list is is done a little differently than yours.Adding display:block;float:left; to #navcontainer LI A
would give you padding and border, but the menu then aligns left not center.Yeah, I'm sort of stuck with this one.
This layout has already been approved.
I should have thought about IE5 before going this way.I'll take it across to my IE5 machine but I'm busy till about 3 tomorrow, so I'll look then.Use my previous fix and this:
<UL style="padding-top:0;padding-left:24%;">
The menu is "centered" again, but it will break if the window is too narrow.Could you use negative margins instead to centralise it?Thanks guys, I'll go give it a shot and let you know tomorrow how it turns out.
I'm thinking of using the Mid Pass Filter by Tantek to give this to IE5 exclusively.It worked! And I used the Mid Pass Filter to send the hack to IE5 only.
Thanks for the help. Hopefully this will help some other folks out there.
UL's have a lot of bugs with IE5. Ever since switching to building SC websites, I've begun to speak of IE5 pc as I used to speak of NN4.xIE6.2 out soon, I can't wait