[OT] CSS conditionen für IE

[Michelle Konzack <linux4michelle@tamay-dogan.net>]

Guten Morgen,

ich habe folgenden Code der mit der Gecko Engine funktioniert:

----[ STDIN ]-----------------------------------------------------------
.createBoxFRAME {
        width:                          100%;
        border:                         0px;
        border-collapse:                collapse;
        margin-top:                     5px;
        margin-bottom:                  5px;
        float:                          left;
        -moz-border-radius-topleft:     18px;
        -moz-border-radius-topright:    18px;
        -webkit-border-radius-topleft:  18px;
        -webkit-border-radius-topright: 18px;
}
.createBoxHEAD {
        display:                table;
        width:                  100%;
        height:                 18px;
        border:                 0px;
        border-collapse:        collapse;
}
.createBoxHEADcenter {
        display:                table-cell;
        border:                 0px;
        border-style:           none;
        background-color:       #00008E;
        color:                  #FFFFFF;
        font-size:              11px;
        font-weight:            bold;
        font-style:             italic;
        text-align:             left;
        padding-top:            2px;
        padding-bottom:         0px;
        padding-left:           20px;
        padding-right:          0px;
}
.createBoxHEADING {
        font-size:              11px;
        font-weight:            bold;
        font-style:             italic;
}
.createBoxCONTENT {
        border:                 1px;
        border-style:           solid;
        border-color:           #00008E;
        background-color:       #CED2CE;
        font-size:              12px;
        font-weight:            normal;
        font-style:             italic;
        text-align:             justify;
        padding:                0px;
}
------------------------------------------------------------------------

Meine Dialoge haben runde ecken und gut ists...  Nur IE will nicht.
Gut denkste machtes das dazu:

----[ STDIN ]-----------------------------------------------------------
[if IE].createBoxHEADleft {
        display:                table-cell;
        width:                  16px;
        height:                 16px;
        background-image:       url(/?what=image&where=g&section=corners&name=16x16.corner.round.left.png);
}
[if IE].createBoxHEADright {
        display:                table-cell;
        width:                  16px;
        height:                 16px;
        background-image:       url(/?what=image&where=g&section=corners&name=16x16.corner.round.right.png);
}
------------------------------------------------------------------------

was ich aus einem CSS Forum habe, denkste, da geht garnischt.

wenn ich die [if IE] entferne, habe ich runde Ecken in IE, aber  Mozilla
macht dann meine HEAD* doppelt so hoch (image ist 16x32 damit es mit dem
text im Titel (HEADcenter) bei Größenänderungen funktioniert)

Irgendwelche Ideen?

Zweite Frage:  Kennt jemand eine Webseite, auf der sämmtliche bekannten
               IE/Mozilla CSS bugs (oder features) aufgelistet sind und
               wie man diese compatibel macht?

Thanks, Greetings and nice Day/Evening
    Michelle Konzack
    Tamay Dogan Network


-- 
Linux-User #280138 with the Linux Counter, http://counter.li.org/
##################### Debian GNU/Linux Consultant #####################
Michelle Konzack   c/o Shared Office KabelBW  ICQ #328449886
+49/177/9351947    Blumenstasse 2             MSN LinuxMichi
+33/6/61925193     77694 Kehl/Germany         IRC #Debian (irc.icq.com)

Attachment: signature.pgp
Description: Digital signature