Ingo Turski: Conditional Comments für den IE

Beitrag lesen

SELF-Forum

Conditional Comments für den IE

Ingo Turski Homepage des Autors
– Informationen zu den Bewertungsregeln

Hi,

Ich bastele bereits seit mehreren Jahren Folgendes (oder Ähnliches) in ALLE von mir erstellten Seiten ein:

aber warum nur so umständlich?

<style type="text/css">
.iewarn {
visibility: hidden;
margin: 0px;
border-width: 0px;
padding: 0px;
font-size: 0pt;
}

#iewarn {
visibility: hidden;
padding: 0px;
font-size: 0pt;
}

unnötig.  
  

> ~~~html

<!--[if IE]>  

> <style type="text/css">  
> .iewarn {  
>  visibility: visible;  
>  margin-bottom: 20px;  
>  border-width: 10px;  
>  border-color: #FF0000;  
>  border-style: solid;  
>  padding-top: 10px;  
>  padding-bottom: 10px;  
>  padding-left: 100px;  
>  padding-right: 100px;  
>  background-color: #FFFF00;  
>  color: #000000;  
>  font-family: Arial;  
>  font-size: 12pt;  
>  text-align: justify;  
> }  
>   
> #iewarn {  
>  visibility: visible;  
>  padding-bottom: 10px;  
>  font-family: Tahoma;  
>  font-size: 16pt;  
>  font-weight: bold;  
>  text-align: center;  
> }  
> </style>  
> <![endif]-->  
> </head>  
>   
> <body>  
> <!--[if IE]>  
> <div class="iewarn">  
> <div id="iewarn">Achtung!</div>

puh, das geht aber schöner und viel kürzer - bedenke, dass der Code an alle Browser übertragen werden muss:

<style type="text/css">  
#iewarn {  
  margin:0 20px 0 0; padding:10px 100px;  
  border:10px solid red;  
  color: black; background-color: #FF0;  
  font:1em Arial,sans-serif;  
  text-align:justify;  
}  
#iewarn strong {  
  display:block; padding-bottom:10px;  
  font:bold 1.5em Tahoma,sans-serif;  
  text-align:center;  
}  
</style>  
</head>  
<body>  
<!--[if IE]>  
<div id="iewarn"><strong>Achtung!</strong>

freundliche Grüße
Ingo

--
[barrierefreie Ingo Webdesign » Suchmaschinenoptimierung | em? | IE7 - Bugs]
Beitrag melden
–
Informationen zu den Bewertungsregeln