CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

CSS IE problem

Discuss CSS IE problem in the CSS Help forum on Dev Shed.
CSS IE problem Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old July 29th, 2003, 01:50 PM
blubber blubber is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jul 2003
Posts: 1 blubber User rank is Just a Lowly Private (1 - 20 Reputation Level) 
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.
Reply With Quote
  #2  
Old July 29th, 2003, 02:23 PM
jamieB jamieB is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: Nov 2002
Posts: 592 jamieB User rank is Sergeant (500 - 2000 Reputation Level)jamieB User rank is Sergeant (500 - 2000 Reputation Level)jamieB User rank is Sergeant (500 - 2000 Reputation Level)jamieB User rank is Sergeant (500 - 2000 Reputation Level)jamieB User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 2 Days 1 h 56 m 16 sec
Reputation Power: 17
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}
Reply With Quote
  #3  
Old July 29th, 2003, 02:23 PM
metro metro is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2002
Location: Quazar
Posts: 208 metro User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 m 36 sec
Reputation Power: 6
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;
} 
Reply With Quote
  #4  
Old July 29th, 2003, 02:31 PM
jamieB jamieB is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: Nov 2002
Posts: 592 jamieB User rank is Sergeant (500 - 2000 Reputation Level)jamieB User rank is Sergeant (500 - 2000 Reputation Level)jamieB User rank is Sergeant (500 - 2000 Reputation Level)jamieB User rank is Sergeant (500 - 2000 Reputation Level)jamieB User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 2 Days 1 h 56 m 16 sec
Reputation Power: 17
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.
Reply With Quote
  #5  
Old July 29th, 2003, 03:19 PM
knew youzr knew youzr is offline
The New User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jul 2003
Location: CA, USA
Posts: 109 knew youzr User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
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.
Reply With Quote
  #6  
Old July 29th, 2003, 04:34 PM
meddle's Avatar
meddle meddle is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Dec 2002
Location: Barcelona
Posts: 133 meddle User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
That's a documented IE bug. Nothing you can do about it.
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > CSS IE problem

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 3 hosted by Hostway.