round corners IE7

[syntel]

javascript+vml:
http://www.dillerdesign.com/experiment/DD_roundies/

css+htc:
http://css3pie.com/

I like css+htc solution because I don't have to use javascript to fix presentation.

The first one was end of lifed with IE8. The css+htc is awesome! It worked with the nested DIVs.

Shawn Zernik
Internetwork Consulting

[syntel]

The first one was end of lifed with IE8. The css+htc is awesome! It worked with the nested DIVs.

Shawn Zernik
Internetwork Consulting

Untill I tried it in IE9. =(

[svidgen]

I think it's more efficient to just use an the circle-image background hack anyway ... All the bytes you drop in the image transfer, you pick up again in scripts and client-side processing time.

[stini]

Pls ppl, can anyone also take a look at my site http://multiterrain.c-edgemedia.com/
Am having the same problem with IE8 not rendering my rounded corners but comes out in chrome and FF.

here's the css code

.viewtour {
padding:5px 15px;
background:url(../images/browse-home.png) repeat-x;
color:#fff;
-moz-border-radius:.8ex;
-webkit-border-radius:.8ex;
}


the HTML
<div id="sidebar">
<div class="viewtour">
<h2>CHOOSE YOUR TOUR</h2>
<h3>By Country</h3>
<select name="country" style="width:200px">
<optgroup label="">
<option>Select Country</option>
<option>Dubai</option>
<option>Ghana</option>
<option>Kenya</option>
<option>London</option>
<option>South Africa</option>
</optgroup>
</select>

<br />
<h3>By Type</h3>
<select name="package" style="width:200px">
<optgroup label="">
<option selected="selected">Select One&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option>Conference</option>
<option>Education</option>
<option>Leisure</option>
<option>Retreat</option>
</optgroup>
</select>
<p><input type="image" src="images/searchOff.png" border="0" alt="submit" /></p>
</div>
<div class="cleaner_with_height"></div>
<img src="images/call-card.png" />

</div> <!-- end of left -->

would really appreciate a solution.
thanks

[cmcp]

You're not going to get anywhere using CSS3. If possible, have normal square edges and round corners as an enhancement.

I used to make the effort for workarounds like injecting with javascript but lately my clients have been a lot more understanding about browser limitations which has allowed me to plod along with parts of the project that matter.

[stini]

cmcp. thanks. I came across a script DD curvy corners and it works perfectly ok across borwsers. Problem is, seems it doesnt accept any background image. Anyone used it before?

[oggame]

One could simply use a frame to easily create php rounded corners.

[svidgen]

One could simply use a frame to easily create php rounded corners.

Or you could use my PHP driven rounded corner generator

http://www.svidgen.com/rcg.php