T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
« Vam ignoranca CSS2 standarda s strani Microsofta dela težave?
Izdelal svoj prvi kalup »
1st March

Kako Internet Explorerju vbiti v betico ukaz min-height?

Nekatere strani imajo dinamično vsebino, kar pomeni, da znotraj recimo <div> polja včasih je vsebina, včasih je pa pač ni. V nekaterih primerih "prazno" <div> p0lje pokvari izgled strani.

Take primere rešujem s pomočjo ukaza min-height. Vendar na žalost IE ne podpira tega standardnega ukaza, zato vsaj polovica (statistika pravi da v svetu 72 % in v Sloveniji 52% uporablja Internet Explorer) obiskovalcev kljub min-height ukazu stran vidi "pokvarjeno". Ena od možnosti je opisana v objavi Vam ignoranca CSS2 standarda s strani Microsofta dela težave?

Vendar večina ne želi na spletno stran vključevati dodatne linke do skript, ki popravljajo "šlamparijo" majhnegamehkega, zato bo mogoče prišla prav spodnja koda, ki jo vključimo v CSS dokument.

PLAIN TEXT
CSS:
  1. * html div {
  2.       height: expression( this.scrollHeight> 334 ? "333px" : "auto" ); /* določi najmanjšo višino za Internet Explorer */
  3.       min-height: 333px; /* določi najmanjšo višino za "standards-compliant browsers" */
  4. }

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Internet explorer – več verzij hkrati – Linux – Mac – Windows
  2. FireBug v Internet Explorer-ju
  3. Internet Explorer 8 CSS hack
  4. Microsoft Internet Explorer 8 kot obvezna nadgradnja
  5. T&R splet od marca 2010 ignorira IE6 pri izdelavi internet strani
  6. CSS triki – selektorji za Internet Explorer
  7. Internet explorer 8 – podpora HTML & DOM standardom
  8. Odpiranje s.p. – promocija z internet stranjo
  9. Meta oznaka za simuliranje IE7 ali EI6 v brskalniku IE8
  10. Internet Explorer 8 beta1 na voljo

Antony || Saturday, March 1st, 2008 ob 11:12 am || Splet, Splet (XHTML, CSS) || RSS 2.0 | Dodaj komentar || Trackback


4x komentirano na “Kako Internet Explorerju vbiti v betico ukaz min-height?”

  1. brezimenko je napisal:
    March 1st, 2008 ob 10:52 pm

    sej lahko napišeš samo

    * html div {
    height: 333px;
    }

    zadevo prepozna samo IE6, višino diva nastavi na 333px, če je pa več vsebine, se pa vseeno raztegne, za razliko od drugih brskalnikov, kjer ostane fiksna višina ne glede na vsebino.

  2. Antony je napisal:
    March 2nd, 2008 ob 6:57 pm

    Se strinjam, vendar se stran prikazuje pravilno samo v IE, v ostalih brskalnikih pa nebi blo ql, kot si že sam napisal. Ne razumem pa zakaj bi ukaz height prepoznal samo IE6? Ta ukaz je standarden in ga razume velika večina brskalnikov če ne že kar vsi.

  3. brezimenko je napisal:
    March 4th, 2008 ob 6:57 am

    ne ukaz height ampak če napišeš v css datoteki

    * html #vsebina {
    height: 333px;
    }

    to prepozna samo IE6

    za razliko od

    #vsebina {
    height: 333px;
    }

    kar prepoznajo verjetno vsi brskalniki. Tako daš v drugem primeru notri min-height in problem je rešen :)

  4. Antony je napisal:
    March 4th, 2008 ob 1:41 pm

    Ha! Kako zanimiva finta. Ker se mi je zdelo da tako standardnih selektrojev nebi ostali brskalniki podpirali sem se lotil testa in glej čudo, da tvoja trditev drži. Hvala za namig.

Dodaj komentar