Hi, My code is simple which tries to apply dotted line to the bottom of a CSS box. h2 { border-bottom:1px dotted #666666; clear:both; color:#C76C00; padding-bottom:3px; text-transform:uppercase; } Code (markup): This works fine with Firefox and dotted line looks good, but while seeing in IE6, dotted line looks ugly.... dots are larger in size..... can anyone have idea to resolve this issue.... i am not sure whether this question has been asked in past, but as a new joiner to this forum, i would like to have some one to reply.... quick response will be appreciated... Thanks in advance...!!
well,i don't know whether this is an issue with IE as below sites works fine with both Firefox and IE.. dotted line right column appears fine... h**p://blogs.sun.com/jonathan/entry/what_we_did can any one have idea about this ??
This is a known issue with IE 6 - that bloody browser doesn't know how to draw nice, dotted lines. It's OK in IE 7 though.
I thought I saw a solution to fix IE6's 1 pixel dotted borders, I believe it was have at least -1 pixel negative margin around the element.. google if you care.
i wouldnt care much about ie6 about the dotted line. you got ie7. in the near future ie6 will die and no one will ever use it again if you really do care about dotted lines, read what dlcmh linked to. it seems to be a good dotted replacement method. although it seems waste of time
Actually, all you have to do is use a 2px dotted border to get it to work properly in IE 6. No need for hacks, conditional comments or other bloated code. And besides, what's a pixel's difference anyway?
If you have borders and backgrounds remember that IE draws the background to the center of the border rather than to the edge, so if you have wider borders things can start to look odd. http://www.digital-web.com/articles/web_design_101_backgrounds/