worth2talk Posted May 16, 2007 Share Posted May 16, 2007 Hi, Well, my issue is not exactly related to PHP, but more of CSS... but i haven't got any answer from other forums on this so finally i decided to put it here as this is the forum from where i got quick response in the past.... 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; } 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...!! Quote Link to comment Share on other sites More sharing options...
taith Posted May 16, 2007 Share Posted May 16, 2007 yup... what you do, is go up to microsofts HQ, slap everybody up the head, and tell em to make their software css compliant... Quote Link to comment Share on other sites More sharing options...
worth2talk Posted May 16, 2007 Author Share Posted May 16, 2007 yup... what you do, is go up to microsofts HQ, slap everybody up the head, and tell em to make their software css compliant... I love to do that if i can Quote Link to comment Share on other sites More sharing options...
worth2talk Posted May 16, 2007 Author Share Posted May 16, 2007 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... http://blogs.sun.com/jonathan/entry/what_we_did can any one have idea about this ?? Quote Link to comment Share on other sites More sharing options...
obsidian Posted May 16, 2007 Share Posted May 16, 2007 If you'll notice closely, there is a slight difference in rendering between FF and IE for that dotted border. On the site you cited, there is a color difference between FF and IE. There is some sort of fudging going on via a CSS hack or JS somewhere. IE renders "dotted" borders as "dashed," so you'll need to use a repeating background image in IE to achieve the same effect. Here is an article that sums it up for you. Quote Link to comment Share on other sites More sharing options...
worth2talk Posted May 16, 2007 Author Share Posted May 16, 2007 Well, to place image is one of the option, but i want to know the solution without it.... I analyzed the code of that site using firebug of FF... where there is no image placement found.... i wondered .....!! Quote Link to comment Share on other sites More sharing options...
obsidian Posted May 16, 2007 Share Posted May 16, 2007 Well, to place image is one of the option, but i want to know the solution without it.... There is not a CSS solution to get IE to use the dotted border. http://www.webdevout.net/browser-support-css#css2propsbasic Search for border-style on the page. You'll notice that IE definitively displays a 1px wide dashed border in place of dotted. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.