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 über 40 Jahre im Bereich Sonnenschutz tätig. Außer Neulieferung und Montage übernehmen wir auch
sämtliche Wartungsarbeiten mit eigenen Kundendienstmonteuren.<br/><br/>
Spezialisiert haben wir uns vor allem auf die Beschattung von Büros und Fertigungshallen, insbesondere im Bereich der Außenjalousien.<br/><br/>
Wir wüen uns freuen, ein unverbindliches Angebot für Sie erstellen zu dürfen und sehen einer Kontaktaufnahme gerne entgegen. Darüber hinaus
haben Sie die Möglichkeit uns in useren Rä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 Ö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ö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ßerhalb dieser Zeiten sind wir nach Absprache gerne fü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; }
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 über 40 Jahre im Bereich Sonnenschutz tätig. Außer Neulieferung und Montage übernehmen wir auch
sämtliche Wartungsarbeiten mit eigenen Kundendienstmonteuren.<br/><br/>
Spezialisiert haben wir uns vor allem auf die Beschattung von Büros und Fertigungshallen, insbesondere im Bereich der Außenjalousien.<br/><br/>
Wir wüen uns freuen, ein unverbindliches Angebot für Sie erstellen zu dürfen und sehen einer Kontaktaufnahme gerne entgegen. Darüber hinaus
haben Sie die Möglichkeit uns in useren Rä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 Ö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ö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ßerhalb dieser Zeiten sind wir nach Absprache gerne fü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; }