ansaurus

Question

Answer 1

+2 A:

There are many approaches to rounded corners (basically the same). I think the most comfortable one to have four divs in each other:

<div id="container" class="topleft"> 
  <div class="topright"> 
    <div class="bottomleft"> 
      <div class="bottomright"> 
         <!-- content -->
      </div>
    </div>
  </div>
</div>

Another advantage is that you don't need the <img> tags.

Kobi 2009-06-18 08:50:19

This was the method I used first, I couldn't find a way to make the bottom corners stick to the bottom on large resolution monitors however - the content's pretty short.

Ross 2009-06-18 09:10:28

I guess the inner divs should fill 100% of the main div, and it should be easy to position the that div. But, well, you've already tried it.

Kobi 2009-06-18 09:21:29

Answer 2

A:

you could try forcing IE8 into IE7 compatablity mode.

stick

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

in your <head>

Aidan 2009-06-18 08:59:28

Zoooombie zoooomibe, in your head head head head. *sings more*

Ólafur Waage 2009-06-18 09:03:59

ansaurus

tags:

views:

answers:

Corner images using CSS

related questions