first this is my html

<div class="diorama">
    <div class="bar">
      <span class="label">Patient</span>: <span class="textbox">TLI0386042</span>
      <span class="label">Visit Event</span>: <span class="textbox">Treatment Visit 3</span>
      <span class="separator">&nbsp;</span>
        <img src="images/bt_sort_descending.gif" alt="" title="" />
        <img src="images/subject.gif" alt="Patient" title="Patient" />

and here my css

.diorama .bar
    border:1px solid #f4f2f5;
    border-style: radged;
    padding: 5px;

this css work very good in firefox but in internet explorer 6 7 and 8 it keep show the border color dark black can any one help please

2 answers

border-style: radged;  

doesn't sound like a valid option to me.

choose from: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

if that doesn't work it's probably because IE has buggy support for border-style, you could try adding some block elements (like a p) inside the div and having a border on that too to get a ridged border effect.

Answered over 8 years ago by Tony Crockford
  • I guess 'radged' is a misspelled 'ridge'. o.k.w over 8 years ago

Try changing the CSS to;

border: 1px #f4f2f5 solid;

Also, I don't know if you copied and pasted the code for the HTML here but the first two divs have open ended tags. You'll need to add "> to the end of the first two lines of code.

Answered over 8 years ago by Greg Cooper
  • how does the order of the shorthand affect things? I've always used width style color and never had any issues... Tony Crockford over 8 years ago