Forum Moderators: not2easy

Message Too Old, No Replies

List marker graphic doesn't print in IE6 but displays fine

Setting list-style-position: outside cause print failure in IE6

         

glyph

9:54 pm on Oct 12, 2003 (gmt 0)

10+ Year Member



Hopefully I'm doing something dumb.
In page style definition is:
ul
{
list-style-type:disc;
list-style-image:url("../img/g_bullet.gif");
list-style-position: outside;
width: 570px;
}
The marker graphics doesn't print in <li> tagged text though displays fine in IE6. If I set to "inside" or incease width to 600 markers print fine.
List is being used in DIV with absolute positioning having width of 600.
I'm pretty new to css.
Any suggestions?
Thanks!

BlobFisk

1:43 pm on Oct 13, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi glyph,

Have you tried removing the "'s from around your list image url?

They should not be necessary...

HTH

SuzyUK

3:40 pm on Oct 13, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi glyph.. as well as the quotes

I'm thinking it's maybe padding and margin.

The position of the bullet is actually handled differently by different browsers, outside is the default position of the bullet anyway, and you would need to specify approx 20px left padding/margin, to cope with the display of the bullet (in IE).

Note: use of both padding and margin is best for lists because different browsers use different properties to control the bullet.

Or you could change list-style-position to inside and then set padding and margin to 0, you wouldn't need a width then either..

either way you need to set some from of left padding and margin as IE is applying defaults.

Suzy

glyph

6:23 pm on Oct 13, 2003 (gmt 0)

10+ Year Member



Blobdisk & SuzieUK,
Thanks for the quick reply.
I removed double quotes. No effect, but thanks for the correction.
I added

padding:15px;

to the ul style definition and this FIXED the printing problem.

I also discovered that smaller values of padding caused the marker image to SHRINK, presumably because they are being scaled by *something* to fit. This implies my disappearance bug is due to them being shrunk out of existance with no padding defined.

I did that with a pair of pants once <g>.

I'm afraid I don't fully understand why this happens and is exacerbated by printing, but am glad for the fix!
Thanks very much for the help.