Re: [OT] CSS conditionen für IE

[Sebastian Rose <sebastian_rose@gmx.de>]

Michelle Konzack <linux4michelle@tamay-dogan.net> writes:
> 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);
> }


Versuch mal das:


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


  Sebastian