Div- Bereiche Abrunden in IE

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Div- Bereiche Abrunden in IE

    Hi,
    ich hätt da mal wieder ne Frage
    wie kann ich einen Div- Bereich in IE am besten mit CSS abrunden?
    mit dem Firefox habe ich dies schon hingekriegt allerdings nur mit der lösung

    Quellcode

    1. -moz-border-radius: 12px,12px,12px,12px;

    kennt einer zufällig ne allgemeine Lösung/ eine Lösung für den IE?
    Von mir aus auch mit JS oder anderen mitteln wobei mir CSS am liebsten wäre.

    MFG
    Donasa

    PS.: @ Don0t das neue Forum/ Design gefällt mir ;)
    Meine Sprachen: C, C++,C# PHP
    E-Mail | MSN: gre.burgstaller@aon.at

  • einfach rauskopieren... fleißarbeit..

    Quellcode

    1. <html>
    2. <head>
    3. <style type="text/css">
    4. .xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
    5. .xsnazzy h1 {font-size:2.5em; color:#fc0;}
    6. .xsnazzy h2 {font-size:2em; color:#234; border:0;}
    7. .xsnazzy p {padding-bottom:0.5em; color:#eee;}
    8. .xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
    9. .xsnazzy {background: transparent; margin:1em;}
    11. .xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
    12. /* hack for IE5.5 */
    13. * html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
    14. .xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
    15. * html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}
    17. .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
    18. .xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
    19. .xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}
    21. .xb1 {margin:0 8px; background:#fff;}
    22. .xb2 {margin:0 6px; background:#fff;}
    23. .xb3 {margin:0 4px; background:#fff;}
    24. .xb4 {margin:0 3px; background:#7f7f9c; border-width:0 5px;}
    26. .xb5 {margin:0 2px; background:#7f7f9c; border-width:0 4px;}
    27. .xb6 {margin:0 2px; background:#7f7f9c; border-width:0 3px;}
    28. .xb7 {margin:0 1px; background:#7f7f9c; border-width:0 3px; height:2px;}
    30. .xboxcontent {display:block; background:#7f7f9c; border:3px solid #fff; border-width:0 3px;}
    31. </style>
    32. </head>
    34. <body>
    36. <div class="xsnazzy">
    37. <b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b><b class="xb5"></b><b class="xb6"></b><b class="xb7"></b>
    38. <div class="xboxcontent"><p>
    40. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
    41. euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
    42. ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
    43. ut aliquip ex ea commodo consequat.
    45. </p></div>
    46. <b class="xb7"></b><b class="xb6"></b><b class="xb5"></b><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b>
    48. </body>
    49. </html>
    Alles anzeigen