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:

problem.jpg


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.

>>> zur Webseite <<<
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!