Link to home
Start Free TrialLog in
Avatar of roscoeh23
roscoeh23

asked on

css curve box -ie problem

I am trying to create a box with curves. The problem is ie puts a large gap bewteen divs. What causes this?

http://scottishsocialnetworks.org/home.php


Have used this previously

.Skin1 {
  width:163px;
  background: url(../shared/curve_mid.jpg) repeat-y left top;
}
.Skin2 {
  background:url(../shared/curve_top.jpg) 0px 0px no-repeat;
}
.Skin3 {
  background: url(../shared/curve_bottom.jpg) no-repeat left bottom;
  padding: 5px 10px 5px 14px;
}



<div class="Skin1">
<div class="Skin2">
<div class="Skin3">

         <span class="contact_menu" style="font-weight:bold">
Careers homepage</span><br />
         <span class="contact_menu" style="font-weight:bold"><a href="vacancies.php">Vacancies</a></span>
        
         </div>
</div>
</div>

but this expands to fix the content but you cannot set a height for the middle, content holding box which is what I need this time.
Avatar of jessegivy
jessegivy
Flag of United States of America image

Divs are block level elements, use spans instead.
Avatar of Argblat
Argblat

Do yourself a favor and check out http://pro.html.it/niftycube/

Rounded corners using Javascript + CSS .... no images ... no 3x3 grids to create 1 rounded item...just define a Div tag with the proper id selector and your done

-Mike
ASKER CERTIFIED SOLUTION
Avatar of Artform04
Artform04

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial