Ich habe eine Seite programmiert und bin überglücklich nun fast fertig zu sein...
Heute musste ich feststellen das sie aber nicht auf allen Browsern läuft:neutral:
In Opera,Safari und Google Chrome lief alles wunderbar....leider in den zwei "Wurstbrowsern" Internet Explorer und FF nicht:evil: Leider meinen doch noch einige die zwei Browser zu benutzen und ich will ja allen Gerecht werden....meine Frage ist also: Was mache ich falsch?:-o Ich habe eine CSS und eine HTML datei....Hier der Code für:
CSS
Und hier der Code für HTML:
und hier habe ich Bilder zum vergleich wo die Probleme sind:
Das Problem ist die Fehlerhafte Position und das Fehlende Youtube "Objekt". Es ist übrigens auch keine Musik zu hören obwohl der Player auf Autoplay steht:/ Das muss heissen der Player ist Inaktiv...
Ich hoffe ihr könnt mir helfen:?
LG
Heute musste ich feststellen das sie aber nicht auf allen Browsern läuft:neutral:
In Opera,Safari und Google Chrome lief alles wunderbar....leider in den zwei "Wurstbrowsern" Internet Explorer und FF nicht:evil: Leider meinen doch noch einige die zwei Browser zu benutzen und ich will ja allen Gerecht werden....meine Frage ist also: Was mache ich falsch?:-o Ich habe eine CSS und eine HTML datei....Hier der Code für:
CSS
Code:
body {
background-color: #01111e;
}
}
a:link {
color: white;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: black;
text-decoration: none;
font-weight:bold;
}
a:focus {
color: white;
text-decoration: underline;
}
a:hover {
color: white;
text-decoration: underline;
}
a:active {
color: black;
text-decoration: underline;
}
#container {
margin: 0px auto;
background: url(Images/Anfahrt.jpg);
background-repeat:no-repeat;
width: 718px; /* Hier die breite des Bildes angeben */
height: 960px; /* Hier die höhe des Bildes angeben */
}
#navi {
padding: 0;
margin: 0;
width: auto;
}
#navi li {
padding: 0px;
list-style: none; /* dadurch verschwinden die aufzählungszeichen der listen-links (standard ist die runde Kugel) */
width: 0px; /* Hier die width (breite) der weißen Flächen angeben, auf die die Menüpunkte stehen solln */
float: left; /* Dadurch werden die <li>'s die wiederum die Links beinhalten HORIZONTAL angeordnet*/
}Und hier der Code für HTML:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos e.dtd kopieren">
<html>
<head>
<link href="Anfahrt.css" rel="stylesheet" type="text/css" />
<title></title>
</head>
<body>
<div id="container">
<ul id="navi">
<li style="position:relative; top:38px; left:152px;" ><a href="index.html"><font color="#ffffff" face="Courier"><small>Infos</small></font></a></li>
<li style="position:relative; top:38px; left:253px;" ><a href="kontakt.html"><font color="#ffffff" face="Courier"><small>Kontakt</small></font></a></li>
<li style="position:relative; top:38px; left:368px;" ><a href="galerie.html"><font color="#ffffff" face="Courier"><small>Galerie</small></font></a></li>
<li style="position:relative; top:38px; left:475px;" ><a href="anfahrt.html"><font color="#ffffff" face="Courier"><small>Anfahrt</small></font></a></li>
</ul>
<object style="position:relative; top:722px; left:509px;" width="30" height="25"><param name="movie" value="http://www.youtube.com/v/N0YGpjglhaY?fs=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="false" width="30" height="25" ></embed></object>
<a href="http://maps.google.de/maps?hl=de&q=essen,raffaelstra%C3%9Fe+1&ie=UTF8&hq=&hnear=Raffaelstra%C3%9Fe+1,+Essen+45147+Essen,+Nordrhein-Westfalen&ll=51.44047,6.994981&spn=0.001351,0.003484&t=h&z=19" style="position:relative; top:722px; left:67px;"><img border=0 src="Infos.jpg" alt="Info"></a>
</div>
</body>
</html>und hier habe ich Bilder zum vergleich wo die Probleme sind:
Das Problem ist die Fehlerhafte Position und das Fehlende Youtube "Objekt". Es ist übrigens auch keine Musik zu hören obwohl der Player auf Autoplay steht:/ Das muss heissen der Player ist Inaktiv...
Ich hoffe ihr könnt mir helfen:?
LG
Zuletzt bearbeitet von einem Moderator:
