quote: "I wanted a workaround for the refusal of IE 5 PC to honour the left padding on my subnav (where I wanted to put little arrows). So I've set the li a to float left, and set a clear: left to force them to align vertically."
Firefox got it right again and IE tricked you [again] into believing it was doing the right thing ;)
You took the a elements from the document normal flow by floating them and therefore the list HAS NO CONTENT and it's not displayed at all ! The a's will still appear but out of place where you float them. For some strange reason IE displays them "on place" or where the li's should be, witch it's wrong becose any "container" that has it's content floated ... has no content and therefore it's not displayed at all ! Or at least that is the way it should be ;)
You can either float the li's [ NOT the a's] or you can let the list work naturally [wich is li under li under li, etc] and give the a's some padding or margin + style the list bullets. "Kill" the floating and clearing first and play with the list without them to try and obtain the desired effect.
Normally the following should do it:
Give the ul: {list-style: url(arrow.gif) none;} or ul {list-style: none;} give the li's: {background: transparent url(arrow.gif) 3px 50%;} and give the a's: {margin-left: 10px;}
Again I hope I understood corectly what you were trying to do !
Mugur Padurean
P.S. Pardon my english language skills !
Hugh Todd wrote:
OK,
I've thrown in the towel. No one piped up with solutions to the last couple of issues, so I've surrendered my dream to build an elastic layout.
However, I still have one glitch to fix. And Firefox is the odd one out.
No, don't flame me! I've been developing using Safari and Opera, which I thought would give me pretty much the same results.
Here's what happened.
I wanted a workaround for the refusal of IE 5 PC to honour the left padding on my subnav (where I wanted to put little arrows). So I've set the li a to float left, and set a clear: left to force them to align vertically.
In Firefox the clear is ignored!
What have I missed????
I've coloured the links with a gold background for clarity.
http://www.fortyfivedegrees.com/childrenfirst/access/
css at http://www.fortyfivedegrees.com/childrenfirst/styles/cf2.css
Any help greatly appreciated.
-Hugh Todd
****************************************************** The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
****************************************************** The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
