Hey Leute,
ich hab ein Problem und zwar habe ich eine HTML Seite gebastelt auf der ich Bilder und Texte mithilfe von div's positioniert habe. Da ich an einem Mac arbeite habe ich alles in Safari kontrolliert und danach gebaut (Fehler im nachhinein, werd ich nie wieder tun). Nun bei der überprüfung im Firefox und IE werden bestimmte Bilder nicht angezeigt die in div containern liegen, aber manche schon. Alle bilder sind richtig verlinkt. Im IE gehen alle Bilder nicht und in Firefox nur ein Paar nicht.
Hier ist der Code:
________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>-</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:link { color:#4D463F; text-decoration:"none" }
a:visited { color:#4D463F; text-decoration:"none" }
a:active { color:#4D463F; text-decoration:"none" }
a:hover { color:#000000; text-decoration:"none" }
.Fliestext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4d463f;
}
#Bild {
position:absolute;
top: 30px;
left: 60px;
}
#starttext {
position:absolute;
top: 30px;
left: 320px;
}
#kuenstler {
position:absolute;
top: 180px;
left: 60px;
}
#az {
position:absolute;
top: 330px;
left: 60px;
}
#pic {
position:absolute;
top: 180px;
left: 320px;
}
#pfeil {
position:absolute;
top: 30px;
left: 960px;
}
#pfeil_reverse {
position:absolute;
top: 30px;
left: 930px;
}
#text {
position:absolute;
top: 180px;
left: 320px;
}
#text2 {
position:absolute;
top: 180px;
left: 625px;
}
#comp1 {
position:absolute;
top: 70px;
left: 320px;
}
#comp2 {
position:absolute;
top: 70px;
left: 625px;
}
-->
</style>
</head>
<body>
<br>
<br>
<div id="Bild"><img src="img/logo_final.jpg" width="80" height="41" ></div>
<div id="kuenstler">
<table>
<td>
<span class="Fliestext">Bert de Beul<br>
<br>
Ohne Titel, 1999<br>
Öl auf Leinwand<br>
50 x 60 cm
</span>
</td>
</table>
</div>
<div id="az"><a href="index_kopie.html" target="_self" style="text-decoration:none" class="Fliestext">A-Z</a></div>
PROBLEM BILDER
<div id="pic"><img src="img/De Beul_7222dpi.jpg"></div>
<div id="pfeil"><a href="de_beul_text.html" target="_self"><img src="img/pfeil.jpg"></a></div>
<div id="pfeil_reverse"><a href="index.html" target="_self"><img src="img/pfeil_reverse.jpg"></a></div>
</body>
</html>
Ich hoffe ihr könnt mir helfen.
Grüße
Tom