Hallo Forum,
ich bin gerade dabei das Layout für eine Web-Präsenz von Tabelle auf DIVs umzustellen. Art und Struktur von Content und Design erfordern nun, dass ich hierarchiche DIVs verwenden muss (und die auch noch dynamisch per PHP generieren muss), und sehr viel Zeit für deren Positionierung verwenden.
Als nun ein erster Entwurf für den IE funktionierte traf mich fast der Schlag, als ich diesen mit Opera und Firefox ansah. Da macht ja offensichtlich jeder Browser was er will.
Jetzt suche ich nach einer Zusammenstellung von Informationen, wie welcher Browser die verschiedenen CSS-Eigenschaften interpretiert.
Beispiel: Ein DIV mit padding:5px ist gegeben, darin enthalten ein weiteres DIV mit with:100%. Im IE ist das untergeordnete DIV so Breit wie das Übergeordnete DIV minus 2*5px. In Opera ist das so wie man erwartet (nämlich 100%) und auch in Firefox, allerdings treten in Letzterem wieder andere Effekte auf.
Kennt jemand eine Liste solcher Cross-Browser-Effekte ?
Wie löst man eigentlich solche Probleme ? Mit einer Browser-Weiche ?
Gruß
Ernesto