Hallo Alle.
Mein Problem / meine Frage betrifft die Ausrichtung von Text über padding innerhalb eines Containers, der mittels Javascript dynamisch zentriert wird.
//
//
Ausgangssituation:
//
//
Der Container "ebene01"
#ebene01
{
position:absolute;
width:294px;
height:210px;
background-color:tan;
clip:rect(0px,294px,210px,0px);
visibility:hidden;
z-index:0;
}
wird mittels Javascript-Funktion
function positioniere_ebene(name,left,top,status)
{
ebene = document.getElementById(name);
ebene.style.left = document.body.clientWidth/2-ebene.offsetWidth/2+left;
ebene.style.top = document.body.clientHeight/2-ebene.offsetHeight/2+top;
ebene.style.visibility = status;
}
bei "onload" der Seite
<body onload="positioniere_ebene('ebene01',0,0,'visible')">
<div id="ebene01" class="texteigenschaften">Text</div>
horizontal und vertikal zentriert dargestellt.
Der Container "ebene01" enthält einen Text, der über eine Klasse
.texteigenschaften
{
text-decoration:none;
font-family:arial,sans-serif;
font-style:normal;
font-weight:normal;
font-size:11px;
letter-spacing:0px;
line-height:14px;
color:#ffffff;
}
formatiert und über
padding-left:30px;
padding-top:15px;
innerhalb des Containers 30px von links und 15px von oben eingerückt werden soll.
//
//
Problem und Frage:
//
//
Firefox 0.8 rückt DEN CONTAINER auf der Seite um 30px nach links und 15px nach unten, NICHT DEN TEXT .....
Internet Explorer macht es richtig (?) und rückt den Text wie gewünscht ein, der Container selbst bleibt exakt horizontal und vertikal zentriert.
Die Anweisungen
padding-left:30px;
padding-top:15px;
habe ich probeweise sowohl in "#ebene01" als auch in ".texteigenschaften" untergebracht .... immer mit dem gleichen Ergebnis.
Erst mit dem Konstrukt
<div id="ebene01">
<div id="text" class="texteigenschaften">Text</div>
</div>
wird in beiden Browsern das selbe und wie gewünscht dargestellt; ich denke aber, dass diese Lösung nur eine Krücke ist, die einen Denk- oder Programmierfehler kaschiert .....
Weiss jemand, woran es liegen könnte ?
Mit freundlichen Grüßen
Koe