Could someone please explain why this does not display properly on any other browser except IE:

<span id="NextOfKinUniqueIDBuddy" class="ReadOnly" style="width:400px;height:50px; border:2px inset threedhighlight;padding:1px">
 <span id="1309819582156">
  <div>Dr Dre Aftermath</div>
  <div>1 Test Street, SYDNEY, NSW 2000 AU</div>
  <div>Phone: +61 02 98222222 Fax: +61 02 91111111 Mobile: 0415875421</div>
  <div>Email: testing@test.com.au</div>
 </span>
</span>

I'm aware that threedhighlight may not be compatible with other browsers, but nothing else seems to work (e.g. changing the background-color to black)

Any help is greatly appreciated.

Many thanks

Recommended Answers

Use DIV tag instead of the first SPAN tag and remove the height CSS.

Jump to Post

All 2 Replies

Use DIV tag instead of the first SPAN tag and remove the height CSS.

SPAN is inline element and DIV is block. Inline element cannot contain block-level elements whether block-level element can contain both block and inline elements. Try to alter way to use.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.