Ich geb auf.
habe direkt folgenden html-Code im body:
PHP-Code:
<body>
<div id="sli-03_">
<a class="m1" href="news.html"></a></div>
</body>
und irgendwo im CSS-Code liegt wohl der Fehler. Wenn man alles rauslöscht außer den definierten classes und id's, dann funktioniert es auch im FF.
Mit diesem Code jedoch wird kein Bild angezeigt. Gar keins.
PHP-Code:
/* Camplair */
body {
margin: 0px;
/*der Trick, jetzt klappts im IE*/
text-align: center;
background-color: #000000; }
img {
display:block;
behavior:url("pngbehavior.htc"); }
/* <div>s */
#center{
position:relative;
top: 0px;
width: 850px;
/*der Trick, jetzt für FF*/
margin-left:auto;
margin-right:auto; }
#fenster{
position: relative;
float:left;
top: 180px;
left: 220px;
width:570px;
padding-bottom: 15px;
text-align: right; }
#site-name {
position:relative;
float:none;
margin-left:auto;
margin-right:0; }
#inhalt{
position: relative;
float:left;
top: auto;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
text-align: left; }
/* grundsätzliches Hyperlink-Aussehen */
a:link { text-decoration:none; color: #FFFFFF; }
a:visited { text-decoration:none; color: #FFFFFF; }
a:hover { text-decoration:none; color: #993333; }
a:active { text-decoration:none; color:#FFFFFF; }
a:focus { text-decoration:none; color:#FFFFFF; }
/* verwendete Text-Stile */
.normal12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF }
.gross {font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; }
.klein {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#666666; }
/* Photoshop-Slices-Code */
#Tabelle_01 {
position:absolute;
left:0px;
top:0px;
width:850px;
height:860px;
}
#sli-01_ {
position:absolute;
left:0px;
top:0px;
width:850px;
height:288px;
}
#sli-02_ {
position:absolute;
left:0px;
top:288px;
width:64px;
height:572px;
}
#sli-04_ {
position:absolute;
left:156px;
top:288px;
width:694px;
height:572px;
}
#sli-05_ {
position:absolute;
left:64px;
top:302px;
width:92px;
height:15px;
}
#sli-06_ {
position:absolute;
left:64px;
top:317px;
width:92px;
height:19px;
}
#sli-07_ {
position:absolute;
left:64px;
top:336px;
width:92px;
height:15px;
}
#sli-08_ {
position:absolute;
left:64px;
top:351px;
width:92px;
height:19px;
}
#sli-09_ {
position:absolute;
left:64px;
top:370px;
width:92px;
height:15px;
}
#sli-10_ {
position:absolute;
left:64px;
top:385px;
width:92px;
height:19px;
}
#sli-11_ {
position:absolute;
left:64px;
top:404px;
width:92px;
height:15px;
}
#sli-12_ {
position:absolute;
left:64px;
top:419px;
width:92px;
height:17px;
}
#sli-13_ {
position:absolute;
left:64px;
top:436px;
width:92px;
height:15px;
}
#sli-14_ {
position:absolute;
left:64px;
top:451px;
width:92px;
height:17px;
}
#sli-15_ {
position:absolute;
left:64px;
top:468px;
width:92px;
height:13px;
}
#sli-16_ {
position:absolute;
left:64px;
top:481px;
width:92px;
height:19px;
}
#sli-17_ {
position:absolute;
left:64px;
top:500px;
width:92px;
height:14px;
}
#sli-18_ {
position:absolute;
left:64px;
top:514px;
width:92px;
height:23px;
}
#sli-19_ {
position:absolute;
left:64px;
top:537px;
width:92px;
height:323px;
}
<!-- Photoshop -->
/* hover */
.m1 {
background-image:url(slices/sli_03.jpg);
background-repeat:no-repeat;
display:block;
height: 14px;
width: 92px; }
.m1:hover {
background-image:url(slices/hover_03.jpg);
display:block;
height: 14px;
width: 92px;}
.m2 {
background-image:url(images/menu_09.jpg);
background-repeat:no-repeat;
display:block;
height: 14px;
width: 92px;}
.m2:hover {
background-image:url(images/hover/hover_09.jpg);
display:block;
height: 14px;
width: 34px;}
