Overlayer durch CSS zentrieren
Simon Maris
- css
0 MudGuard
http://marisstories.blogspot.com
Also ich wollte ein PNG als Overlay zentriert unten auf meine Seite per CSS einbinden. Einmal hat das auch schon gefunkt: http://people.freenet.de/septimaalpha7a/fad
Das wollte ich jetzt bei meinem Blog auch tun.
Selber Code, anderes Bild. Jedoch wird es nicht zentriert sondern Linksbündig.
a#totop {
position: fixed;
bottom: 0px;
center: 0px;
display: block;
height: 80px;
width: 718px;
background: url(http://img48.imageshack.us/img48/6306/ding7qb.png) bottom center no-repeat;
text-indent: -999em;
text-decoration: none;
}
Im Body befindet sich dann das
<a href="#top" id="totop>Bottom</a>
Jemand ne Ahnung was das zentrieren verhindert?
Hi,
center: 0px;
was soll das bitte sein?
Dein Element ist genauso breit wie das Bild.
Das Bild ist im Element ordnungsgemäß zentriert.
Das Element an sich befindet sich, da keine anderen Angaben gemacht wurden, am linken Rand.
Jemand ne Ahnung was das zentrieren verhindert?
Nichts, das Bild ist innerhalb des Elements zentriert.
Du willst vermutlich, daß das Element 100% der Breite des containing blocks hat ...
cu,
Andreas