Hi Leute,
ich hab ein Problem mit der Darstellung in verschienden Browsern.
Im anhängenden Bild ist eine gelbe H3-Überschirft, die genau über dem
Video positioniert sein soll und den oberen Rand des Videos verdecken soll.
Im FF wird das auch korrekt dargestellt. Im Safari und IE verschwindet die
gelbe Schrift aber hinter das Video.
Hier ein Bild-Vergleich:
und hier das CSS dazu:
#video_block {
position:relative;
background-color:#000000;
width:755px;
height:405px;
margin:10px 0 0 0;
}
#video_block h1 {
color:#E80D0B;
font-size:18px;
font-weight:bold;
position:absolute;
background-color:#000;
width:460px;
height:30px;
margin:15px 0 0 10px;
z-index:2;
}
#video_block h2 {
position:absolute;
width:260px;
height:auto;
margin:15px 0 0 480px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:center;
color:#FFFF99;
}
#video_block h3 { das ist die gelbe Schrift
color:#FFFF99;
font-size:14px;
font-weight:bold;
font-family:"Courier New", Courier, mono;
position:absolute;
background-color:#000;
width:460px;
height:30px;
margin:39px 0 0 20px;
z-index:3;
}
#video_block iframe {
position:absolute;
margin-top:45px;
margin-left:10px;
width:450px;
height:348px;
z-index:0;
}
hat einer eine Lösung für das Problem?
Die Website ist auch im Netz, wenn auch noch nicht komplett fertig.