A line-height értéke mitől függ?
ha a magassággal egyenlővé tettem akkor középre pakolta:
input {
width : 80px;
height : 22px;
display : block;
line-height : 22px;
}
viszont ilyenkore a gomb rossz, úgyhogy átpakoltam a line-heightet a szovegmezo classba
Miért van az, hogy pl. a Facebook bejelentkező űrlapja minden böngészőben ugyanúgy jelenik meg?
Jó emberük van aki gondol minden böngészőre és javítja ha valami nem úgy néz ki - pl speciális IE stílus megadásokkal:
.valami {
width:200px;
height:200px;
background-color:red;
* background-color:green;
_ background-color:blue;
}
+-----------------+-------------------+------------+
| Böng. üzemmódja | Dok. üzemmódja | Háttérszín |
+-----------------+-------------------+------------+
| IE7 | IE7 Szabványok | zöld |
| IE7 | Régi stílusú(IE6) | kék |
| IE8 | IE8 Szabványok | piros |
| IE8 | IE7 Szabványok | zöld |
| IE8 | Régi stílusú(IE6) | kék |
| IE8 komp. | IE8 Szabványok | piros |
| IE8 komp. | IE7 Szabványok | zöld |
| IE8 komp. | Régi stílusú(IE6) | kék |
+-----------------+-------------------+------------+
Figyelmeztetés: A várt deklaráció helyett '*' található. Ugrás a következő deklarációra.
Forrásfájl: ...
Sor: 41
Emiatt viszont nem nagyon lesz CSS valid az oldal, de erre meg ki lett találva a
<!--[if IE 6]>
...
<![endif]-->
<style type="text/css">
.valami {
width:200px;
height:200px;
background-color:red;
}
</style>
<!--[if IE 6]>
<style type="text/css">
.valami {
background-color:blue;
}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
.valami {
background-color:green;
}
</style>
<![endif]-->
|
