www.webdeveloper.com
Page 2 of 2 FirstFirst 12
Results 16 to 23 of 23

Thread: round corners IE7

  1. #16
    Join Date
    May 2011
    Posts
    4
    Quote Originally Posted by trandrus View Post
    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

  2. #17
    Join Date
    May 2011
    Posts
    4
    Quote Originally Posted by syntel View Post
    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. =(

  3. #18
    Join Date
    Jan 2007
    Location
    Wisconsin
    Posts
    2,120
    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.
    Jon Wire

    thepointless.com | rounded corner generator

    I agree with Apple. Flash is just terrible.

    Use CODE tags!

  4. #19
    Join Date
    Jun 2008
    Location
    *****
    Posts
    58
    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

  5. #20
    Join Date
    May 2011
    Posts
    13
    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.

  6. #21
    Join Date
    Jun 2008
    Location
    *****
    Posts
    58
    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?

  7. #22
    Join Date
    Aug 2009
    Posts
    2

    Cool

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

  8. #23
    Join Date
    Jan 2007
    Location
    Wisconsin
    Posts
    2,120
    Quote Originally Posted by oggame View Post
    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
    Jon Wire

    thepointless.com | rounded corner generator

    I agree with Apple. Flash is just terrible.

    Use CODE tags!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles