nicht angemeldet
Hallo..
Ich habe eine Seite mit XHTML gemacht und im Firefox funktioniert ALLES super.
Nun wollte ich zum Ende bzw. fertig stellen des Testing, die Seite mit dem IE7 anzeigen lassen. Bei der Darstellung stimmt alles, aber unten hat es vier Logos die als *gif verknüpft sind und auf denen je ein Links versehen ist.
IE7 ignoriert diese Links, obwohl oben ebenfalls Links auf *gifs verknüpft sind die Problemlos funktionieren.
Hier Mein HTML und anschliessend mein CSS..
-----------------------------------------------------------------------
HTML:
-----------------------------------------------------------------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>FAKESITE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" rel="stylesheet" href="layout.css"/>
</head>
<body />
<div id="container">
<div id="titel">
<img src="titel.gif" width="800" height="150" alt=""/>
</div>
<div id="h2">
<img src="h2.gif" width="800" height="35" alt=""/><br /><br />
</div>
<div id="inhalt">
<a href="http://wikipedia.org/"><img src=".gif" width="250" height="14" alt="Wikipedia"/></a>
<br />
<a href="http://www.yahoo.de"><img src=".gif" width="146" height="14" alt="Yahoo"/></a>
<br />
<a href="http://www.google.de/"><img src=".gif" width="88" height="10" alt="Google"/></a>
<br />
</div>
<div id="google_logo">
<a href="http://www.google.de/"><img src="ae_logo.gif" width="210" height="95" alt="Google"/></a>
</div>
<div id="yahoo_logo">
<a href="http://www.yahoo.de/"><img src="at_logo.gif" width="210" height="95" alt="Yahoo"/></a>
</div>
<div id="wikipedia_logo">
<a href="http://wikipedia.org/"><img src="vsh_logo.gif" width="112" height="195" alt="Wiki"/></a>
</div>
<div id="tagi_logo">
<a href="http://www.tagi.ch/"><img src="asit_logo.gif" width="135" height="147" alt="Tagesanzeiger"/></a>
</div>
<br />
<div id="impress">
<img src="impress.gif" width="800" height="30" alt=""/>
</div>
</div>
</html>
------------------------------------------------------------------------
CSS:
------------------------------------------------------------------------
body {
background-color:#FFFFFF;
}
img{
border:0;
}
#container {
margin-left: 120px;
margin-top: 5px;
}
#google_logo {
margin-left: -20px;
margin-top: 120px;
}
#yahoo_logo {
margin-left: 260px;
margin-top: -100px;
}
#wikipedia_logo {
margin-left: 540px;
margin-top: -150px;
}
#tagi_logo {
margin-left: 715px;
margin-top: -175px;
}
#impress {
margin-top: 0px;
margin-left: 0px;
}
--------------------------------------------------------
Bitte um Hilfe.. Danke und Gruss