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"?>
den teil des prologs entfernen, zwingt zumindest den ie6 in den quirksmode
<!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">
bist du dir sicher, dass du "en" als natürliche sprache des dokuments angeben willst? das wenige im text zu lesende suggeriert mit, du möchtest de oder de_DE bzw de_CH verwenden
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
utf-8 wäre zeitgemäßer
<link type="text/css" rel="stylesheet" href="layout.css"/>
in den meisten fällen ist es schlauer, den medientyp (zb screen) zu deklarieren
<div id="titel">
<img src="titel.gif" width="800" height="150" alt=""/>
</div>
was hälfst du von dem hier [1]
<h1>ich bin der titel<span style="background: url(titel.gif);"></span></h1>
<div id="h2">
<img src="h2.gif" width="800" height="35" alt=""/><br /><br />
</div>
und hier: [1]
<h2>ich bin die uberschrift 2. ordnung<span style="background: url(h2.gif);"></span></h2>
<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>
.gif kann durchaus eine gültige ressource sein, in deinem fall aber unwahrscheinlich
ggf möchte das voranstehende auch eine liste sein
<div id="impress">
<img src="impress.gif" width="800" height="30" alt=""/>
</div>
wie siehts damit aus? [1]
<address>max mustermann | musterstraße x <span style="background: url(impress.gif);></span></address>
[1] eine google-suche nach "gilder levin" wird dir weiterhelfen