Siden “Webstedseffektivitet” blev tilgængeligt i Googles Webmastertools, har folk fokuseret mere og mere på loadtid, og det er selvfølgelig en rigtig god ting. Blandt de råd som kan gøre den største forskel, i forhold til en sides loadtid, er helt sikkert: Kombiner eksterne CSS og JavaScript filer Aktiver GZIP for alt indhold, CSS og JS …
29Aug2007
CSS: Undgå din side “hopper” i firefox
Firefox viser pr default ikke en vertikal scrolbar, hvis der ikke er indhold nok til at denne er nødvendig. Dette resulterer i at siden kan hoppe lidt frem og tilbage, afhængigt af om scrollbaren skal vises eller ej. Dette kan nogen gange være uønsket, derfor anbefaler mange at man sætter min-height på body til 101% …
04Aug2007
CSS: Centrering af blokelementer
Når man skal centrerer blokelementer som DIV, P, UL osv, er den korrekte løsning at sætte en bredde (width) og margin: 0 auto; dette vil centrere elementet i forhold til brugerens synsfelt: Ovenstående kode vil centrere HTML elementet med IDet #sideContainer i alle moderne browsere, men ønsker man support for ældre browsere som IE5/IE5.5 er …
03Aug2007
CSS: Alternativ til display:none
Af og til ønsker man at skjule noget indhold, enten for at senere kunne aktivere det, eller for at give semantisk betydning. Hertil anvender de fleste (inkl jeg selv) nok display:none; og dette virker jo også helt efter hensigten, elementet ses ikke på skærmen, og der er ingen ekstra margin eller padding. Dette er også …
01Aug2007
CSS: gennemsigtige baggrunde
En af de ting der er blevet mere og mere populære i den senere tid er halvgennemsigtige baggrunde. Dette er faktisk utroligt nemt at gå til med CSS, omend man lige skal være opmærksom på, at den CSS man skriver ikke er 100% valid i henhold til W3C. Når det er sagt giver det jo …