Posted by dorayme on 11/06/06 22:11

In article <78c0$454f7478$40cba792$1069@NAXS.COM>,
"Jonathan N. Little" <lws4art@centralva.net> wrote:

> dorayme wrote:
> > I realise the second inline list idea is better practice than the
> > first one:
> >
> > http://members.optushome.com.au/droovies/test/footer.html
> >
> > I would like (for either) for the separators to be not so tall.
> > Any ideas that I can understand ...? <g>
> >

> <title>Breaks in IE Of Course!</title>
>

> #footer LI + LI:before { content: " | "; }

>
> I guess you could use JavaScript for IE's deficiencies to *insert* the
> "|" where it will not do it via CSS... Or let it hang and maybe with a
> little more "tough love" approach to design IE users will either switch
> or MS will start cooperating... (it is the approach MS uses with
> everybody else!)


Yes, thanks, I had a look at this. I take it the idea "unsnipped"
above is the crucial point of your code. Does not work in IE Mac
either... but that is easily provided for. I could not see
(across the different browsers) a lot of difference in separator
height "improvement" over my footer2 css. It was interesting also
to see how different browsers rendered yours in respect to where
the text was vis a vis the height of the separators. Sometimes in
the middle (most pleasant):

text | text

And sometimes both text and separators on the floor of a
horizontal line:

1
text 1 text

(you will have to imagine the two 1s joined and as a line)


Interesting idea. All in all, I might stay with footer2 as
enhanced with padding and hopefully Bootnic's Revenge on IE7
zoom.

--
dorayme

[Back to original message]