Css tricks og tips findes der rigtig mange af derude, men forhåbentlig kan nogen af de gode samles her. 
Kun for Internet Explorer
Dette lille fiks er faktisk ret nem. Lad os sige du har en absolute positioneret div der sidder 10 pixels for langt til venstre i Internet Explorer men sidder helt fint i Firefox. Så er der en nem kode, du kan anvende som fiks. Hvis vi tager følgende som eksempel:
margin-top: 137px; margin-left: 120px; position: absolute;
For at rette problemet tager du de 120 pixels og tager 10 fra og får 110. Den følgende linje som starter med et * sætter en ny margin-left i Internet Explorer.
*margin-left: 110px;
Sammensat ser koden så sådanne ud:
margin-top: 137px; margin-left: 120px; position: absolute; *margin-left: 110px;
Baggrundsbillede placering
Denne opsætning kan gøre livet meget nemmere når man gerne vil sætte en baggrund der skal se ens ud i alle oplysninger, eller i hvert fald se godt ud i alle oplysninger. Når du anvender no-repeat på et baggrundsbillede på en div, kan du fortælle den hvor den skal placere billedet inde i div’en.
Hvordan hjælper det, spørger de fleste?
Lad os sige du har en div der er 200 pixels bred og 500 pixels høj, men du har et billede der er 100 x 100 pixels som skal placeres i det nederste højre hjørne. Så skal koden se således ud:
background-image: url('image.jpg'); background-repeat: no-repeat; background-position: bottom right;
Det gode ved background-position er du kan tilføje så mange egenskaber til den som du vil. Center, bottom, right, left and top er nogen eksempler på nogen egenskaber background-position modtager. Det er også muligt at sætte den med pixels. For eksempel:
background-position: 100px 100px;
Dette ville sætte billedet 100 pixels fra toppen og 100 pixels fra venstre side.
For flere tips og tricks se Et par css tips og tricks ekstra.
Tweet
