 |
Medlem
|
|
Reg.datum: Jun 2007
Inlägg: 58
|
|
Medlem
Reg.datum: Jun 2007
Inlägg: 58
|
Förstår egentligen inte grejjen med dessa workarounds.
Kodar man bara rätt från början så visas oftast allt ut korrekt i alla webbläsare från början.
Här har vi lite tips för att undvika olika utvisningar:
* { margin:0; padding:0; } - Motverkar olika utvisning när det gäller padding/margin. Dock så behöver du styla alla element igen för att överhuvudtaget använda sig utav padding/margin.
display:block; / line-height:0; - På bilder för att motverka överflöd.
clear:both; - Tänk på att cleara ut alla floats. Så fort du använder dig utav en float så måste du cleara ut den.
display:inline; - På horisontella eller vertikala menyer. Fixar utvsingen i IE6.
Navigationsproblem - Tänk på att när du stylar varje menysystem så kör du själva stylingen direkt i "li a"
Undvik positions - Visst kan man använda dem, men i de flesta fallen är de helt onödiga.
Height/Width - Sätt fasta height och widths på de områden du vet inte skall vara flexibla. Vill du sätta en fast höjd men ändå vill att det ska vara flexibelt? Använd exempelvis: min-height:600px height:auto !important; height:600px
Lycka till.
|