O'Reilly logo

HTML & CSS von Kopf bis Fuß, 2nd Edition by Eric Freeman, Elisabeth Robson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Den Preis positionieren

Wir möchten, dass der Preis direkt in der Mitte der Seite sitzt, wenn der Browser mit 800 Pixeln (die typische Größe für Browserfenster) geöffnet ist, und gerade so in das <div> für den Hauptinhalt hineinragt.

Also werden wir die Properties top und left verwenden, um den Preis 30 Pixel vom oberen Rand und 365 Pixel vom linken Rand zu positionieren.

image with no caption

Fügen Sie dieses CSS der Datei »sternback.css« hinzu, speichern Sie die Datei und laden Sie die Webseite neu. Sie werden feststellen, dass das Bild für den Preis wie durch Zauberei genau da erscheint, wo wir es haben wollten. Verändern Sie mal die Browsergröße, um zu sehen, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required