✔ img wird im IE nicht dargestellt

Status
Nicht offen für weitere Antworten.
A

arya81

Grünschnabel
Hallo Leute,

ich verstehe nicht, warum meine Bildleiste (leiste.jpg) im Firefox kommt und im IE nicht. Den Code hab ich schon validiert. Außer ein paar Warnings ist alles roger.
Kann mir jemand sagen wo das Problem ist?

Gibt es auch einen guten Weg die Schriftgrößen abhängig von der Auflösung zu machen?

Viele Grüße und schon mal danke!


<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<link rel="STYLESHEET" href="styles.css" type="text/css" />

<title>Knecht - Sonnenschutztechik</title>

</head>
<body>
<!-- äussere Tabelle -->
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="5" height="5"><img src="images/transp.gif" width="5" alt="" /></td>

<td>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr class="linkStyle">
<td colspan="2" width="20%"><a href="index.html">Home</a></td>
<td colspan="2" width="20%"><a href="ksKnecht.html">Produktpalette</a></td>
<td colspan="2" width="20%"><a href="ksKundendienst.html">Kundendienst</a></td>
<td colspan="2" width="20%"><a href="ksKontakt.html">Kontakt</a></td>
<td colspan="2" width="20%"><a href="ksImpressum.html">Impressum</a></td>
</tr>

<tr class="normal">
<td rowspan="14" colspan="1" width="10%" align="center"><img src="images/leiste.jpg" width="60" height="100%" alt="" /></td>
<td colspan="9" width="90%"><img src="images/transp.gif" height="25" alt="" /></td>
</tr>

<tr class="normal">
<td colspan="5" class="gross">Herzlich Willkommen</td>
<td colspan="4" rowspan="1" align="right" valign="bottom"><img src="images/logo.jpg" width="262" height="111" alt="" /></td>
</tr>

<tr>
<td colspan="3"><img src="images/transp.gif" height="5" alt="" /></td>
<td colspan="6" class="mittelgross">- wir stellen alles in den Schatten</td>
</tr>

<tr class="normal">
<td colspan="9"><img src="images/transp.gif" height="35" alt="" /></td>
</tr>

<tr class="normal">
<td colspan="8">
Unser Meisterbetrieb ist bereits seit &uuml;ber 40 Jahre im Bereich Sonnenschutz t&auml;tig. Au&szlig;er Neulieferung und Montage &uuml;bernehmen wir auch
s&auml;mtliche Wartungsarbeiten mit eigenen Kundendienstmonteuren.<br/><br/>
Spezialisiert haben wir uns vor allem auf die Beschattung von B&uuml;ros und Fertigungshallen, insbesondere im Bereich der Au&szlig;enjalousien.<br/><br/>
Wir w&uuml;en uns freuen, ein unverbindliches Angebot f&uuml;r Sie erstellen zu d&uuml;rfen und sehen einer Kontaktaufnahme gerne entgegen. Dar&uuml;ber hinaus
haben Sie die M&ouml;glichkeit uns in useren R&auml;umlichkeiten von uns beraten zu werden oder sich die Musterausstellung anzusehen.
</td>
<td colspan="1"><img src="images/transp.gif" height="5" alt="" /></td>
</tr>

<tr class="normal">
<td colspan="9"><img src="images/transp.gif" height="35" alt="" /></td>
</tr>

<tr>
<td colspan="9" class="mittel">Unsere &Ouml;ffnungszeiten</td>
</tr>

<tr class="normal">
<td colspan="9"><img src="images/transp.gif" height="25" alt="" /></td>
</tr>

<tr class="normal">
<td colspan="2">Kern&ouml;ffnungszeit:</td>
<td colspan="7">Montag - Freitag von 10 Uhr bis 17 Uhr</td>
</tr>

<tr class="normal">
<td colspan="2">Musterausstellung:</td>
<td colspan="7">Samstags von 10 Uhr bis 12 Uhr (Februar - September)</td>
</tr>

<tr class="normal">
<td colspan="2">individuell:</td>
<td colspan="7">Au&szlig;erhalb dieser Zeiten sind wir nach Absprache gerne f&uuml;r Sie da.</td>
</tr>

<tr>
<td colspan="9"><img src="images/transp.gif" height="25" alt="" /></td>
</tr>

<tr>
<td colspan="9"> <img src="images/knecht3.jpg" width="195" height="131" alt="" />
<img src="images/ChefinMum.jpg" width="164" height="131" alt="" />
<img src="images/asyraff2.jpg" width="168" height="130" alt="" />
<img src="images/start.jpg" width="166" height="130" alt="" />
<img src="images/waraff2.jpg" width="153" height="131" alt="" />
</td>
</tr>

<tr>
<td colspan="9"><img src="images/transp.gif" height="25" alt="" /></td>
</tr>

<tr class="klein">
<td colspan="1" width="5%"><img src="images/transp.gif" height="5" alt="" /></td>
<td colspan="8" width="90%">
<img src="images/transp.gif" width="5" alt="" />Knecht GmbH<img src="images/transp.gif" width="5" alt="" />|<img src="images/transp.gif" width="5" alt="" />Wiesenbachstr. 5-7
<img src="images/transp.gif" width="5" alt="" />|<img src="images/transp.gif" width="5" alt="" />74336 Brackenheim - Botenheim<img src="images/transp.gif" width="5" alt="" />
<img src="images/transp.gif" width="5" alt="" />|<img src="images/transp.gif" width="5" alt="" />Tel.: 07135/98350<img src="images/transp.gif" width="5" alt="" />|
<img src="images/transp.gif" width="5" alt="" />Fax: 07135/983511<img src="images/transp.gif" width="5" alt="" />|<img src="images/transp.gif" width="5" alt="" />
info@knecht-sonnenschutz.de
</td>
<td colspan="1" width="5%" align="right"><a href="index.html" target="_top">Top</a>
<img src="images/transp.gif" width="10" height="10" alt="" />
</td>
</tr>

</table>
</td>

<td width="5" height="5"><img src="images/transp.gif" width="5" alt="" /></td>
</tr>
</table>
</body>
</html>

Das css:

a:link { text-decoration:none; font-weight:bold; color:#FFFFFF; }
a:visited { text-decoration:none; font-weight:bold; color:#FFFFFF; }
a:hover { text-decoration:none; font-weight:bold; color:#336699; }
a:active { text-decoration:none; font-weight:bold; color:#336699; }
a:focus { text-decoration:none; font-weight:bold; color:#336699; }
.linkStyle { font-size:18pt; background-color:#A5121D; height:45; text-align:center; }
.gross { font-size:20pt; color:#A5121D; font-weight:bold; }
.mittelgross { font-size:17pt; color:#A5121D; text-align:left; font-weight:bold; }
.mittel { font-size:16pt; color:#A5121D; text-align:left; font-weight:bold }
.normal { font-size:14pt; text-align:justify; }
.klein {font-size:10pt; color:#FFFFFF; background-color:#A5121D; height:45}
.fusszeile {font-size:10pt; color:#000000; }
.formular {font-size:12pt; text-align:left; }
 
Hi,

ich kann im Quellcode-Abschnitt soweit keine Auffälligkeiten entdecken. Kannst du mal den Link zur Seite nennen, damit man dort einen Blick drauf werfen kann?

mfg Maik
 
Okay, die Email-Adresse im Quellcode verrät den URL der Seite ;)

Der IE würde die Grafik in der Vertikalen auf die gewünschten 100% strecken, wenn für die umschliessende Zelle ebenfalls diese Höhe deklariert wird:

Code: 
<td rowspan="14" colspan="1" width="10%" height="100%" align="center"><img src="http://www.tutorials.de/forum/images/leiste.jpg" width="60" height="100%" alt="" /></td>

mfg Maik
 
Irgendwo hast du mit der linken Leiste noch ein größeres Problem. Im Safari wird die nämlich in der Höhe um ca 300% gestreckt. Die beiden Punkte am unteren Ende sind dnn schon sehr oval. Siehe Anhang.
Und auch wenn es jetzt hier nicht unbedingt dazugehört. Ich würde empfehlen, den Blocksatz rausnehmen, da der im Web zum Teil sehr merkwürdig aussehen kann. Außerdem solltest du unbedingt die Rechtschreibung und Grammatik überprüfen. Es gibt viele Leute, die das in Verbindung setzen mit der Qualität der geleisteten Arbeit.
 

Anhänge

  • Bild 1.png
    Bild 1.png
    7,8 KB · Aufrufe: 22
Hey die Höhenangabe bringt den Hauptgewinn!!
Vielen lieben Dank!

Über die Rechtschreibung und die Grammatik schau ich natürlich nochmal :)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück