Browsertjek og indlæs korrekt CSS

http://rafael.adm.br/css_browser_selector/

Som udgangspunkt tolkes padding ikke forskelligt i forskellige browsere - selvfølgelig er det muligt at angive CSS afhængigt af browser, men hvad så når der kommer en ny browser til eller en eksisterende opdateres? Det mest korrekt vil være at få rigtig styr på HTML og CSS så samme kode fungerer alle steder.

Hvis du evt giver et link så kan det være vi kan pege på nogle uhensigtsmæssigheder du kan rette op på så det kan gøres på den rigtige måde.

Claes57: Mange tak - lige det jeg ledte efter.
Keysersoze: Din pointe er god, og det er selvfølgelig bedre med korrekt kode fremfor "brandslukning".

Hvis nogen vil have ulejlighed med at kigge på koden, vil jeg blive mægtig glad:

http://www.fam-johansen.dk/skabelon/

Jeg kan se, at der ændres på nogle højder, hvis der skiftes mellem "kompitabilitetstilstand" i IE8.

Hvis du slår din developer toolbar til, eller benytter firebug i firefox, kan du ret let se hvad der giver forskellene - mellemrummet mellem trin1.jpg og boks1 skyldes fx at billede er et inline element og, kodemæssigt, har nogle efterfølgende linjeskift der "forstyrrer" det du forventer i nogle browsere og det kan let løses ved at sætte trin1.jpg til display: block;

Sejt..:)
Men jeg er ikke helt med på, hvordan du i developer toolbar let kan se, hvad der giver forskellen. Vil du have ulejlighed med at forklare?
Og så har jeg indsat "display: block;" i DIV.top2, men jeg synes ikke, at det ændrer noget.

Er blevet lidt klogere på værktøjet, da jeg har leget lidt med menuerne "Vis" og "kontur".

Men jeg er dog ikke med på, hvordan jeg løser det med "display:block;"

Det primære du kan benytte i developer toolbaren er Vælg, altså den første pil, til at markere et element - og så kan du ellers redigere direkte i HTML og CSS.

style="display: block;" på dit img - så kører det.

OK - tak for info.
Claes57: Send lige et svar og jeg deler pointene.

Claes57: Kommer du lige med et svar, så jeg kan lukke.