Underwear showing
Ne, ne radi se slikama gaća, čarapa i grudnjaka, već o nečemu što je malo više geeky. Naime, većina, i to negdje 99% korisnika računala ima podešeno (govorim za Windowse, ali vjerujem da je i na Macu tako) da pozadniska boja prozora bude bijela. To se podešava negdje u Display Propertiesima, nebitno za sada.
Kod razvijanja webova, tu dolazi do jednog previda. Naime, recimo da želite imati web sa bijelom bojom kao pozadinom. Napravite neki kostur, mockup, puknete to na server ili localhost, probate, sve super radi, pozadina je bijela, elementi su dobro posloženi.
No, pozadina ipak nije bijela. Barem nije nigdje definirana. Definirana je možda za neke elemente, ali ste ju zaboravili definirati za sâm body. Zaborav ili nešto drugo, nije bitno, ali ako na vaš site naiđe korisnik kojem je pozadinska boja prozora bilo šta osim bijelog, vidjet će svašta :)
Zato uvijek – u vašim CSS-ovima, za body dodajte liniju
body {
background-color: #FFF;
}
i sve bi trebalo biti savršeno. Ukoliko pak zaboravite, na ovoj Flickr grupi možete vidjeti kako izgleda kada se ne definira background boja ;)
Kategorija: Tutorials, Web
A još bolje je da po defaultu stalno pucaš mali frameworkić za reset CSSa gde je između ostalog overen i background ;)
Checkiraj keywords CSS reset ili recimo nešto slično (pomalo prerađeno) što ja koristim http://tinyurl.com/2xoth4
E vidiš, i to je pametan način kako riješiti problem :)
dobar tip… to se uvijek podrazumijeva, ali tu i tamo zaboravi :-) ipak srećom većinom CSS validator javi takve pogreške ili warning samo što mnogi ne validiraju, ili ne validiraju iz tih razloga nego im je bitno da ima CSS valid badge na webu …
Nije li to problem samo na Windowsima i to samo u IE-u?
Na OS Xu mozes imat boju findera ili sliku u pozadini koju god oces, al svi browseri imaju bijelu defaultnu boju pozadine.
Svejedno, mislim da nikad nisam napravio nista s bijelom pozadinom bodya, ali zato ovo uvijek koristim:
* {
margin: 0px;
padding: 0px;
border: none;
}
Mda, sad sam se sjetio da mozes definirat defaultni stylesheet u browseru… :)