Thread: CSS IE problem

    #1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Posts
    1
    Rep 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 03:02 PM.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Nov 2002
    Posts
    596
    Rep Power
    24
    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}
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2002
    Location
    Quazar
    Posts
    207
    Rep Power
    13
    you just wrote it wrong.

    Try this
    PHP Code:
    .border {
    border#666666; 
    border-styledotted;
    border-top-width1px;
    border-right-width1px;
    border-bottom-width1px;
    border-left-width1x;

  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Nov 2002
    Posts
    596
    Rep Power
    24
    Originally posted by metro
    you just wrote it wrong.

    Try this
    PHP Code:
    .border {
    border#666666; 
    border-styledotted;
    border-top-width1px;
    border-right-width1px;
    border-bottom-width1px;
    border-left-width1x;

    there's nothing wrong with using the shortcut tag.
  8. #5
  9. No Profile Picture
    The New User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Location
    CA, USA
    Posts
    109
    Rep Power
    12
    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 04:23 PM.
  10. #6
  11. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2002
    Location
    Barcelona
    Posts
    133
    Rep Power
    13
    That's a documented IE bug. Nothing you can do about it.

IMN logo majestic logo threadwatch logo seochat tools logo