yubb.de-Logo
Tutorials
yubb@yubb
yubbService
Inside yubb

Hintergrundbild genau mittig ausrichten



Mit HTML ist es nicht möglich, ein einzelnes Hintergrundbild exakt mittig des Bildschirms auszugeben und dort zu fixieren.
MIt CSS ist dies aber ohne weiteres möglich.

Hier der Code für diese Ausrichtung des Hintergrundbildes:
Code:
<style type="text/css">
<!--
body {
background-image:url(bg.gif);
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
}
-->
</style>


Füge dieses Stylesheet in den
Code:
<head>..</head>
-Bereich ein.
Code:
background-image
lädt das Hintergrundbild. Unter url(..) kannst du den Pfad sowie den Dateinamen zum Hintergrundbild angeben.
Code:
background-repeat
bestimmt, dass das Hintergrundbild nicht wiederholt wird und
Code:
background-position
positioniert das Bild: Sowohl horizontal als auch vertikal in der Mitte des Bildschirms.
Code:
background-attachment
fixiert das Hintergrundbild, sodass es nicht mitscrollt, sondern immer in der Mitte verbleibt

Geschrieben von Phil Marx am 18.06.2004 (14838x gelesen)
weiterempfehlen weiterempfehlen   Druckversion Druckversion   kommentieren kommentieren

middle = vertikal mittig. (nicht center)
Geschrieben von René