CSS - important - left miért nem megy?

CSS - important - left miért nem megy?
2012-03-01T14:19:18+01:00
2012-03-01T14:47:40+01:00
2022-11-24T21:40:40+01:00
Kezdő vagyok
Sziasztok!

Tudomásom szerint az important (és ennek tagadása: !important) arra való, hogy az IE böngésző és az attól eltérő böngészők különböző módon (stílusban) jelenítsék meg az adott objektumot, elemet.
Ezt kihasználva szerettem volna egy div vízszintes irányban való eltolását, definiálni.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> div.keret { position: absolute; z-index: 10; left: 196px; left: 440px!important; top: 161px; width: 333px; height: 333px; border: 15px solid red; } </style> </head> <body> <div class="keret"></div> </body> </html>

Ámde érdekes módon IE-ben is és más böngészőtípusban is 440px-el húzza be jobbra a div-et.
Miért nem veszi figyelemben a két left beállítás közötti különbséget (egyik !inportant-os, a másik nem)?
Hogyan kell ezt helyesen használni az (!)important-ot?

Köszi szépen.
Mutasd a teljes hozzászólást!
Az important nem pont erre való, itt találsz róla egy kis leírást.
Ie hackre alkalmazd az alábbi kódokat:
<!--[if IE]> Bármilyen IE verzió <![endif]--> <!--[if IE 5]> IE 5-ös verzió <![endif]--> <!--[if IE 5.0]> IE 5.0-ás verzió <![endif]--> <!--[if IE 6]> IE 6-os verzió <![endif]--> <!--[if IE 7]> IE 7-es verzió <![endif]-->
Mutasd a teljes hozzászólást!

  • Így?
    div.keret { position: absolute; z-index: 10; left: 440px; top: 161px; width: 333px; height: 333px; border: 15px solid red; } <!--[if IE]> div.keret { left: 10px; } <![endif]-->

    Most is 440px-el teszi beljebb ie-ben is és pl ff-ben is.
    Mutasd a teljes hozzászólást!
  • <html>

    <head>
    <title>###</title>
    <link rel="stylesheet" type="text/css" href="style.css" />

    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="style_ie7.css" />
    <![endif]-->

    </head>

    <body>

    </body>

    </html>

    Összegezve

    a style.css tartalmazza a css elemeket.
    a style_ie7.css tartalmazza az IE7-re vonatkozó deklarációkat.
    stb stb stb...

    Lehetőleg ezt a hardcode-ot felejtsük el. <style> ... </style>
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd