www.webdeveloper.com
Results 1 to 3 of 3

Thread: flat borders IE?

  1. #1
    Join Date
    Sep 2006
    Posts
    375

    flat borders IE?

    The borders don't work in IE as the are just a black outline. In FF they are a 3-D look.

    #blanksideboxContent.sideBoxContent a{
    color: #000000;
    font-size:1em;
    font-family:verdana;
    font-weight:bold;
    text-decoration: none;
    border:2px outset #000000;
    background-color:#5ec82a;
    width:125px;
    display :block;
    margin-left:2px;
    margin-top:10px;
    height:12px;
    float:left;
    }

  2. #2
    Join Date
    Mar 2003
    Location
    The Lone Star State
    Posts
    1,126
    Most likely you will have to live with what you have. Different browsers are going to display things differently no matter what you try.
    "If at first you do suceed, try not to look astonished."
    I have 50 gmail invitations at my disposal, if you want one pm me with your First and Last name and your email address
    HTTPGuru

  3. #3
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Not doing it right.

    Try:

    CSS:
    #blanksideboxContent, a.sideBoxContent{
    color: #000000;
    font-size:1em;
    font-family:verdana;
    font-weight:bold;
    text-decoration: none;
    border:6px outset yellow;
    background-color:#5ec82a;
    width:125px;
    padding:6px;
    margin:10px;
    }

    HTML:
    <div id="blanksideboxContent" class=".sideBoxContent">
    <a href="#">this is a link</a>
    You defined "color:black;" for the font, so you need to befine a color other than black for the border., else you are using black for both 'edges' of the outset style. Remember, the font-color here is probably the assumed color for border, unless explicitely stated otherwise.
    If you look very, very closely, there IS a slight difference in the border-edges when using black-black... it is very sublime. IE probably incorrectly 'assumes' you meant something else, and 'fauxes' the outer or inner edge to show what you intended to do.

    I also changed your ID and CLASS... they may have been right but they made no sence to me, and what I did, works.
    Last edited by WebJoel; 04-06-2007 at 09:15 AM.
    I build for: Firefox and tweak for IE

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles