nicht angemeldet
Links werden im IE ignoriert
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
-
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
-
Hallo.. Danke für die schnelle Antwort... ich habe die Sprachoptionen angepasst und das Dokument auf utf-8 gestellt.
Was den Rest angeht, hab ich mir auch schon überlegt die Seite anderst aufzubauen, aber was kann ein möglicher Fehler sein, dass IE die Links ignoriert? Die Seite ist bis auf das div beim container w3c konform, aber dem IE passt es nicht....?!?!
Gruss
-
Die Seite ist bis auf das div beim container w3c konform, aber dem IE passt es nicht....?!?!
wenn die seite bis auf ein element standardkonform ist, dann ist sie es nicht
es gibt kein 0 standardkonform und 100 standardkonform und du hast jetzt 99 punkte standardkonform ;)
-
hehe ok.. Aber.. jetzt ist sie konform!!!! hab ja vorher das body tag in sich geschlossen.. hab das jetzt noch bemerkt und unten erst den body geschlossen.. wie es normal ist.. jetzt ist sie zu 100% konform :D...
Sonst hast du keine Ideen mehr was der IE komisch oder falsch macht und wie man dagegen ankommt...-
Sonst hast du keine Ideen mehr was der IE komisch oder falsch macht und wie man dagegen ankommt...
wie schon erwähnt ".gif" ist vermutlich kein gültiger pfad für dein bild - kein bild, kein link sondern nur rotes x?
ich fürchte ich kann dein problem nicht ganz nachvollziehen - ein online-beispiel hilft vielleicht
-
Doch doch.. die Bilder erscheinen und es wird auch das komplette Layout mit allen Inhaltewn angezeigt, es werden nur die Links auf den vier Bildern im unteren Bereich nicht gemacht. Im FF kann ich auf das Bild klicken und es verlinkt mich auf die Seite, so wie es sein soll...
Online-Beispiel kann ich leider nicht machen, da die Seite noch nicht online sein darf.. die Links sind auch nur dummy-daten... das heisst es ist nicht wirklich zwei mal google, yahoo usw. verlinkt. Spielt aber weniger eine Rolle...
-
Falls es dich interessiert.... es funktioniert jetzt alles.. hab das "margin-left" bzw. "margin-top" mit "left" bzw. "top" ersetzt... und hab den #container entfernt...
Gruss und Danke
-
Falls es dich interessiert.... es funktioniert jetzt alles.. hab das "margin-left" bzw. "margin-top" mit "left" bzw. "top" ersetzt... und hab den #container entfernt...
left und top haben nur auf positionierte elemente eine auswirkung (relative, fixed und absolute)
-
-
-
-
-
-
-
-
Hallo,
#google_logo {
margin-left: -20px;#yahoo_logo {
margin-top: -100px;#wikipedia_logo {
margin-top: -150px;#tagi_logo {
margin-top: -175px;die negative top-margin zur horizontalen Ausrichtung ist zwar sehr kreativ, aber guck dir mal die Eigenschaft float an. Damit dürft sich dann auch das Problem der nicht reagierenden Links erledigt haben.
Grüße,
Jochen
Kritzeln statt texten: