CSS IE problem

Dev Shed Forums Sponsor:

July 29th, 2003, 01:50 PM

blubber

Junior Member

Join Date: Jul 2003

Posts: 1

Time spent in forums: < 1 sec
Reputation Power: 0

CSS dotted/dashed problem

I'm having a problem with dotted lines and borders on IE. They appear dashed.

This occurs on IE6 on a PC. I don't know if this occurs on IE5 as well since I don't have access to it.

When I use Netscape or a Mac (both browsers), everything's fine.

Basically, I'm using this:
.border { border: 1px #666666 dotted}

Anyone able to help me?

Last edited by blubber : July 29th, 2003 at 02:02 PM.

July 29th, 2003, 02:23 PM

jamieB

Contributing User

Join Date: Nov 2002

Posts: 596

Time spent in forums: 2 Days 3 h 56 m 23 sec
Reputation Power: 22

it doesn't sound like this will solve yr problem but the I think the order of arguments may be important & it should be

.border { border: 1px dotted #666666}

July 29th, 2003, 02:23 PM

metro

Contributing User

Join Date: Aug 2002

Location: Quazar

Posts: 207

Time spent in forums: 5 m 36 sec
Reputation Power: 11

you just wrote it wrong.

Try this

PHP Code:


		
			
.border {

border: #666666; 

border-style: dotted;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1x;

}

July 29th, 2003, 02:31 PM

jamieB

Contributing User

Join Date: Nov 2002

Posts: 596

Time spent in forums: 2 Days 3 h 56 m 23 sec
Reputation Power: 22

Quote:

Originally posted by metro
you just wrote it wrong.

Try this

PHP Code:

.border { border: #666666; border-style: dotted; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1x; }

there's nothing wrong with using the shortcut tag.

July 29th, 2003, 03:19 PM

knew youzr

The New User

Join Date: Jul 2003

Location: CA, USA

Posts: 109

Time spent in forums: < 1 sec
Reputation Power: 10

While there is nothing wrong with using shortcut syntax, when having problems with a piece of shortcut code, it is a good idea to revert to the full version.

Back on topic...

I get the same error using both methods ANYways... but I found this is something IE does... If you increase the border to 5px or more... it will display it correctly. It seems that IE converts dots to dashes when the border is small, nothing (as far as i can see) you can do about it. Hope that helps.

--Neil

EDIT: Further testing reveals that IE only in fact reverts dots to dashes at 1px... for me 2px renders correctly

Last edited by knew youzr : July 29th, 2003 at 03:23 PM.

July 29th, 2003, 04:34 PM

meddle

Contributing User

Join Date: Dec 2002

Location: Barcelona

Posts: 133

Time spent in forums: < 1 sec
Reputation Power: 11

That's a documented IE bug. Nothing you can do about it.

Developer Shed Advertisers and Affiliates