Hi Tedd,
No harm done. :-) Thanks for confirming that the browsers each have
their own way of rendering bullets.
In the end, I did "browser-sniff" using an IE8 conditional statement
and modifying the CSS until that bullet was close in size to the other
browser's rendering. IE8 appears to render a standard bullet a little
smaller than IE7/Firefox 3.x.
--Stephen
On Thu, Jul 9, 2009 at 12:29 PM, tedd<tedd.sperl...@gmail.com> wrote:
> At 5:50 PM -0400 7/7/09, tedd wrote:
>>
>> At 5:00 PM -0400 7/7/09, Stephen Tang wrote:
>>>
>>> Hi,
>>> I have a site that was using list-style-type: disc for a list bullet.
>>> The QA team noted that in IE8, the list bullets were smaller than in
>>> IE7 or Firefox. All three browsers were accessing the same CSS
>>> property:
>>> li {list-style-type: disc; font-size: 12px; line-height: 160%; }
>>>
>>>> From reading the CSS spec and some forums, is it correct that each
>>>
>>> browser has a different way of implementing the size of the bullet, so
>>> that there is no direct way to control is in CSS? I know the
>>> list-style-image property is available, but I have run into problems
>>> with vertical positioning of an image-based bullet (since
>>> list-style-position isn't precise).
>>>
>>> Thanks,
>>> Stephen
>>
>> Stephen:
>>
>> When I see a post like yours, I can't help but offer this advice:
>>
>> http://sperling.com/four-things-clients-should-know.php
>>
>> Cheers,
>>
>> tedd
>
> Stephen:
>
> My apologies to the list -- in retrospect my post looks like I'm trying to
> promote my site rather than address the question. That was not my intent --
> my article is too lengthy to be posted here. That's my defense and I'm
> sticking to it. :-)
>
> So... to address the question, each browser has it's own "rule's" as to how
> it handles and displays html. Some browsers are very similar while others
> aren't. The box-model problem is one example. Browsers handle zooms
> differently and a first order zoom in one browser does not guarantee that
> the size/position of elements will be the same is another example. Browser
> default fonts are yet another example -- the list goes on and on.
>
> In short, there are many differences between browsers with respect how they
> display html. If you don't like the size of a disc displayed in one browser
> as compared to another, then you have two choices: 1) live with it; 2) or
> browser sniff and change the code accordingly. However, browser sniffing
> brings it's own set of problems to the table and is generally frowned upon
> as bad practice.
>
> Cheers,
>
> tedd
>
> --
> -------
> http://sperling.com http://ancientstones.com http://earthstones.com
>
______________________________________________________________________
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/
