Hallo
Gleich mein zweites Problem.
Habe auf dieser Seite (m)ein Youtube-Video eingebettet:
http://spielwiese.jumpman23.ch/video.htm
IE zeigt das wie gewünscht an, nämlich so:
[Blockierte Grafik: http://i79.photobucket.com/albums/j122/Attaq/various/video_ie.jpg]
Firefox hat damit aber anscheinend ein Problem und stellt die Seite gar nicht im Sinne des Erfinders dar:
[Blockierte Grafik: http://i79.photobucket.com/albums/j122/Attaq/various/video_ff.jpg]
Wo ist da wohl das Problem? Für sachdienliche Hinweise bin ich äusserst dankbar!!
html der Seite:
HTML
<html>
<head>
<title>spielwiese</title>
<base target="_self">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="hauptdiv"; style="position: absolute; width:780px; height:624px; top:50%; left:50%; margin-left:-390px; margin-top:-312px;">
<span style="position:absolute; left:177px; top:115px;><object width="425" height="344"><param name="movie" value="[URL]http://www.youtube.com/v/a6iHNojUkuM&hl=en_US&fs=1&rel=0"></param><param[/URL] name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="[URL]http://www.youtube.com/v/a6iHNojUkuM&hl=en_US&fs=1&rel=0[/URL]" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></span>
<table id="menue" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="25%">
<p align="center"><a class="menuelink" href="index.htm"><font size="5">start</font></a></td>
<td width="25%">
<p align="center"><a class="menuelink" href="foto.htm"><font size="5">foto</font></a></td>
<td width="25%">
<p align="center"><a class="menuelink" href="audio.htm"><font size="5">audio</font></a></td>
<td width="25%">
<p align="center"><a class="menuelink" id="linkaktiv" href="video.htm"><font size="5">video</font></a></td>
</tr>
</table>
</body>
</html>
Mein CSS-File:
Code
body {
background: #000000;
}
p {
font-family: verdana, arial, sans-serif;
font-size: 15px;
color: #999999;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:active {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
}
.menuelink:link {
color: #FFFFFF;
background: #000000;
display: block;
width: 93%;
}
.menuelink:visited {
color: #FFFFFF;
background: #000000;
display: block;
width: 93%;
}
.menuelink:active {
color: #FFFFFF;
background: #262626;
display: block;
width: 93%;
}
.menuelink:hover {
color: #FFFFFF;
background: #1A1A1A;
display: block;
width: 93%;
}
.menuelink {
text-decoration: none;
}
#linkaktiv {
color: #FFFFFF;
background: #262626;
display: block;
width: 93%;
}
#linkaktiv:hover {
color: #FFFFFF;
background: #1A1A1A;
display: block;
width: 93%;
}
#hauptdiv {
background-image: url(gfx_frame.jpg);
background-repeat: no-repeat;
background-position: 50% 0%;
}
#menue {
position:absolute;
left: 0px;
bottom: 0px;
