Wer kennt das nicht, man stellt seine mit viel Mühe geschaffene Webseite online, holt sich Feedback in Foren oder bei Freunden und wartet ab
Dann die erschreckende Nachricht, „ist alles verschoben“, „da sind Abstände zwischen den Spalten“…… und du weißt gar nicht was die wollen, in deinem FireFox sieht doch alles bestens aus, auch bei anderen Auflösungen.
Tja……ab und an auch mal mit einem anderem Browser ist immer gut
Hauptsächlich treten diese unerklärlichen Abstände in Verbindung mit Blockelementen wie z.B. <h1>-<h5> oder dem <p> und dem <form> tag auf, das liegt daran, dass einige Browser,
diesen Tags von hause aus einen margin bzw. einen padding wert verabreichen.
In meinen Stylesheets habe ich daher grundsätzlich als erste Angabe ein
mit dieser Angabe schreibst du dem jeweiligen Browser vor, dass alle Elemente die er darstellen soll einen einheitlichen Wert für den Innen- und Außenabstand haben.
Nun kannst du selbst bei jedem deiner Elemente selbst entscheiden, welcher Abstand wie angezeigt werden soll.