|
|
Posted by patrick j on 11/26/06 18:12
BootNic wrote:
> My Webpage Normal text = 14px
> My minimum font size = 14px
> nav001 suggest font size 11.2px, my font size 14px
> nav002 suggest font size 9.8px, my font size 14px
>
> nav001 max-width = 52.5em, wider then 42em
> nav002 max-width = 60em, wider then 42em
Well firstly, thank you for your help. I didn't realise I had a problem
when people's browsers are set with a minimum font-size. I've now
checked this out of course with FireFox and I see that if a minimum
font-size is set then all goes wrong as you've described :)
You've pointed out a problem I didn't know I had. However I don't think
this is necessarily the problem with Opera, though it might be.
> This sample has the same issues in my FF as my Opera for the same
> reason.
The strange thing is that while it was going wrong in Firefox set with
the minimum size exactly as one would expect it wasn't going wrong in
Opera in the same logical way.
Before changing it I took this screen grab of the area viewed in Opera:
<http://www.patrickjames.me.uk/operaview.png>
The first navigational list with the link "Hello" as first item is
indented as one would expect with a minimum font-size set, the font in
that is 80% and so extra ems were added to align it with the body of
the text, so if it is then viewed with a browser with a minimum
font-size then it will be indented.
However the next navigation list with first item "My Moultons" has the
font set to 70% and so I'd expect it to be indented yet further, but it
isn't, it is indented, but not as much.
The other point in my "case against" Opera with a minimum font-size
being the problem is that the fonts as you see in the pic are scaled as
described in my own style-sheet, so it suggests that Opera is not
defining a minimum font-size.
I'm afraid I'm very ignorant about the Opera browser and I've been
looking at the pref's for a minimum font-size setting but I can't find
it. It could be there and very obvious but for the present I can't see
it.
> Suggested fix:
> leave the font-size on the UL at 100%, set the max-width to match
> your mainstuff max-width. If you wish to suggest a font-size of
> 80%/70%, set it on the UL LI, then make what ever adjustment you may
> need to the rest of the css.
I tried this, but the horizontal lines on the web-page created by the
UL would become too fat. Oddly enough this would happen in a variable
way with different browsers.
For the time being I've set the max-width for the different block
elements discussed using px which I know is less ideal than em but it
does sort out this particular problem. I'm going to look into this more
thoroughly when I get chance.
--
Patrick
Brighton, UK
<http://www.patrickjames.me.uk>
Navigation:
[Reply to this message]
|