Aktuelles
Pixelschubsen
Was waren das noch für Zeiten, als man für jeden Browser ein eigenes CSS-Stylesheet schreiben musste, um gleiches Aussehen auf allen Systemen und Plattformen sicherzustellen. Das ist zum Glück vorbei, die standardkonformen Browser wie Chrome, Firefox und Opera verarbeiten CSS3 und HTML5 weitestgehend klaglos.
Genauso der aktuelle Internet-Explorer aus dem Hause Microsoft, auch dort wurde im Vergleich zu den Vorgängerversionen erheblich nachgebessert.
Aber gerade bei pixelgenauen Positionierungen braucht dieser Gerät auch die eine oder andere Extrawurst - mit einem kleinen Hack kann man aber pflegeleicht gegensteuern, indem man mal wieder MS-eigene CSS-Syntax verhackstückelt.
/* Extrawurst für Internet Explorer 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#div{
background-position: 0 212px;
}
}
Im globalen Stylesheet legen Sie alle Eigenschaften des "div"-Containers fest, so auch die Hintergrund-Position. Sollte der IE Ihre Box anders positionieren wollen, können Sie so und speziell für IE-User nachbessern - denn schon 1 verschobenes Pixel reicht aus, um alle Layoutpläne zunichte zu machen.
23.04.2014
![]()
Alle News vom TAGWORX.NET Neue Medien können Sie auch als RSS Newsfeed abonnieren, klicken Sie einfach auf das XML-Symbol und tragen Sie die Adresse in Ihren Newsreader ein!
TAGWORX.NET Neue Medien




