Probleme mit IE7

von **JBstardestroyer** » 22.11.2006, 10:13

hi leute

ich hab jetz grad vor 5 min auf IE7 upgegradet und hab da das problem das bei meinen bildern ein blauer rand erscheint obwohl ich des festgelegt hab das des eigendlich ohne rand sein soll. bei IE6 und Firefox funzt das aber perfekt

so hier der link: http://www.julianbaeuschlein.online.de/Kopie%20von%20Kopie%20von%20link2.html

danke schon ma

P.S. nein mit dem Tip von unten funktionierts nicht

von **JBstardestroyer** » 22.11.2006, 10:53

is der Quellcode:

<html>
<head>

<script>
<function>
</script>

<style>

a:link { font-weight:bold; color:black; text-decoration:none; }
a:visited { font-weight:bold; color:black; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:none; }
a:hover { font-weight:bold; color:red; text-decoration:none; }
a:active { font-weight:bold; color:red; text-decoration:none; }

* { margin:0px; padding:0px; background:#ffffff;}
html, body { height:100%;}
body { background-color:#cccccd; text-align:center; /* horizontal centering for IE Win quirks */}

#distance { /*für Differenz zwischen Browser und Container*/
width:1px;
height:50%;
background-color:#cccccc;
margin-bottom:-15em; /* half of container's height */
float:left;
}

#container {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
height:30em;
width:50em;
clear:left;
}

#pics {
border:0px;
padding:0;
position:absolute; top:190; left:40; z-index:1;
}

#pics a:link img { color:#ffffff; text-decoration:none; }
#pics a:visited img { color:#ffffff; text-decoration:none; }
#pics a:focus img { color:#ffffff; text-decoration:none; }
#pics a:hover img { color:#ffffff; text-decoration:none; }
#pics a:active img { color:#ffffff; text-decoration:none; }

#picsII a:link { color:#ffffff; text-decoration:none; }
#picsII a:visited { color:#ffffff; text-decoration:none; }
#picsII a:focus { color:#ffffff; text-decoration:none; }
#picsII a:hover { color:#ffffff; text-decoration:none; }
#picsII a:active { color:#ffffff; text-decoration:none; } <-- um diesen Teil (rot) geht es denk ich ma

#pics img {
width:100;
height:100;
}
#picsII img {
display:none;
position:absolute;
top:190;
left:40;
z-index:2;
width:208;
height:209;
}

#text {
border:0px;
padding:10;
position: absolute; top:180; left:300; z-index:1;
width:435;
height:250;
text-decoration:none; font-size:.9em; font-family:Arial;
}

#text ol {
font-weight:700
}
/*____________Menu_________________*/

#List1 {
position:absolute; top:100; left:20; z-index:1;
white-space:nowrap;
width: 748px;
hight: 20;
list-style-type: none;
font-size:16;
font-family:Arial;
float:left;
text-decoration:none;
word-spacing:18px;
}

#List2 {
position:absolute; top:120; left:20; z-index:2;
width: 748px;
hight: 25;
list-style-type: none;
font-family:Arial;
font-size:12;
float:left;
display:none;
word-spacing:17.4px;
letter-spacing:0.2em;
text-align:center;
}

#List3 {
position:absolute; top:120; left:20; z-index:3;
width: 748px;
hight: 25;
list-style-type: none;
font-family:Arial;
font-size:12;
float:left;
display:none;
word-spacing:17.4px;
letter-spacing:0.2em;
text-align:center;
}

</style>

</head>

<body>

<div></div>
<div>

<ul>
<a>Home</a>
<a>Wir über uns</a>
<a>Leistungen</a>
<a>Produktion</a>
<a>Referenzen</a>
<a>Kontakte</a>
<a>Jobs</a>
<a>Impressum</a>
</ul>

<span>
<a>Schweißkonstruktionen</a>
<a>Blechverarbeitung</a>
<a>Instandhaltung</a>
<a>Industrielle Dienstleistungen</a>
</span>

<span>
<a>Planung</a>
<a>Produktion</a>
<a>Montage</a>
</span>

<img>
<img>

<span>
<a><img></a>
<a><img><br>
<a><img>
<a><img></span>
<span>
<a><img></a>
<a><img></a>
<a><img></a>
<a><img></a></span>
<span>
<ol>Überschrift
</ol>
<ul>Hier steht dann der text der da dann hin soll und sieht so aus wie er aussieht

und den ich jetz einfach ma da reinschreib damit da was steht so und jetz steht da eine lange ansammlung von buchstabensalatblättern

</ul><br>
<ol>
man kann auch mittenrein noch ´ne überschrift setzen
</ol>
<ul> und zu dem thema dann wieder ellenlangen Buchstabensalat schreiben um den leser über das Thema zu informieren und so weiter und so fort

</span>

</div>
</body>
</html>

weiß zwar jetz nich warum der da was weglässt aber die problemzone is ja denk ich ma drauf

von **Laus** » 22.11.2006, 11:22

Hallo

Ein einfaches img{border:none;} denke ich mal dürfte hier hilfreich sein.
Gruß Xaver

von **JBstardestroyer** » 22.11.2006, 11:27

danke problem gelöst

manchma sin eben die einfachsten Lösungen die besten

Probleme mit IE7

Probleme mit IE7

Ähnliche Beiträge zu "Probleme mit IE7"

Wer ist online?