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.


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 verbleibtGeschrieben von Phil Marx am 18.06.2004 (7524x gelesen)
Diese News stammt von der Seite http://www.yubb.de
Sie ist unter http://www.yubb.de/artikel400.html direkt aufrufbar.

Jegliche Reproduktion dieser Seite oder ihrer Inhalte ist strengstens untersagt.