Kann man absolute Positoinierung zentrieren?
city2000
- css
Hallo,
ich habe auf einer Seite eine Grafik bzw. Links mit Hintergrundgrafiken. Bei Hover erscheint über dieser Grafik ein erklärender Text.
Dieser Text ist folgendermassen formatiert:
a span { display: none;
}
a:hover span {
display: block;
position: absolute;
top: 65px;
left: 300px;
z-index: 1;
color: #ddd;
font-size: 2em;
font-weight: bold;
width: 300px;
text-align: center;
background-color:#222; }
Ich möchte aber den Text zentriert über der Grafik haben.
Mit einer festen left-Angabe klappt kann das aber nicht klappen.
Ein auto Wert ist m.W. nicht vorgesehen.
Gibt es vielleicht doch eine Möglichkeit?
Danke und Gruss
Hallo,
a:hover span {
display: block;
position: absolute;
top: 65px;
left: 300px;
width: 300px;
ähnlich wie hier, Zentrierung von Divs, beschrieben klappt es offenbar mit IE und Mozilla:
left:50%;
margin-left:-150px;
Grüsse
Cyx23
Hallo,
beschrieben klappt es offenbar mit IE und Mozilla:
Vielen Dank,
klappt auch bei Firefox und Opera