✔ Problem mit IE

p3sch3 · 5. August 2006

Moin moin,

Ich bin gerade dabei ein Kalender in PHP zu bauen.

Nur habe ich nun Probleme mit dem IE..

Ich habe zuerst alles immer in Firefox geprüft und als ich es einmal mit dem IE
versucht funktionierte es nicht..

http://www.quartiermeister.ch/070/kalender_klein.php

Unter Firefox sieht man die Tage (Mo, Di, ..) und der Monat ist zentriert..
Weiss jemand warum das mit dem IE nicht funktioniert?

mfg
Peter

Maik · 6. August 2006

Entferne mal das doppelt vorhandene Apostroph nach dem bgcolor-Attribut in den entsprechenden td-Elementen der Wochentage und ersetze in der untersten / letzten Tabellenzelle das width-Attribut durch align="center".

p3sch3 · 6. August 2006

Danke Super!!

Genau das war es ;-)

Rasenkantenstein · 6. August 2006

Hallo.. Auch ich habe ein Darstellungsproblem:

auf der Seite http://www.kanu.barnim.de/v2 stehen im Header einige Auswahlmöglichkeiten. Im Firefox sind sie alle auf einer Linie ausgerichtet; im IE hingegen sind genau die Elemente verschoben, die über ein Javascript eine neue DIV-Ebene aufrufen.
Wie lässt sich dieses Problem lösen?

Maik · 6. August 2006

Der Grund sind die Leerzeichen / Zeilenumbrüche im HTML-Quelltext zwischen <td>...</td> und den Grafiken, die der IE mit Verschiebungen im Layout quittiert.

Erweitere daher mal die design.css mit folgender Regel:

Code:

img {
    display: block;
}

Rasenkantenstein · 7. August 2006

Hallo und danke für die Hilfe zur ersten Frage, dies hat wunderbar geklappt!!
Es kommt ein weiterer unerwünschter Zeilenumbruch beim IE...
Die Seite ist nach wie vor http://www.kanu.barnim.de/v2. Gemeint ist hier auf der linken Seite die Tabelle mit dem grünen Hintergrund: Im FF sind keine Zeilenumbrüche, im IE trotz <nobr> sehr wohl. Hier noch ein Codeschnipsel:

(hier: Unterpunkt Neuigkeiten)

HTML:

	<tr>
          <td valign="top">
          <nobr><img border="0" src="http://www.tutorials.de/forum/images/standard/arrow.gif">
		<?php  [...]
		  else {
		  echo $tag.".".$monat."."."-".substr_replace($aus_termin['termine'], "", 13);
		  }
		  ?>
		  </nobr></td>

          </tr>

Quaese · 7. August 2006

Hi,

ich denke, Du meinst die Zeilenumbrüche hinter den Pfeilen (arrow.gif).
Versuche mal, die Bilder mit float: left auszuzeichnen.

Ciao
Quaese

Rasenkantenstein · 15. Dezember 2006

Hallo!

Folgendes Problem bekomme ich nicht auf die Reihe; auch hier unterscheiden sich IE und FF wieder einmal...

Es geht um die Datei http://km23009-23.keymachine.de/test/navigation.html.

Bei dem Hovereffekt wird dabei beim IE die ganze td-Zelle ausgefüllt und beim FF nur ein Stück davon. Wo liegt der Fehler, sodass der FF es genauso wie beim IE darstellt?
Um Hilfe bittend verbleibe ich ein schönes Wochenende wünschend,

RKS

Maik · 15. Dezember 2006

Ich hab den Quellcode mal soweit überarbeitet, damit der Hovereffekt in den gängigen Browsern einheitlich dargestellt wird.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<link rel="stylesheet" href="%WEB_BASE%/styles/style.css" type="text/css">
<script type="text/javascript">
<!--
 function post(posting)
  {
   document.location.replace('http://%HOST%:%PORT%/MSG?sessionid=%SESSIONID%&input=' + posting);
  }

function more(Id) {
var KlappText = document.getElementById(Id);
if (KlappText.style.display == 'none') {
KlappText.style.display = 'block';
}

}

function exmore(Id) {
var Klappaus = document.getElementById(Id);
if (Klappaus.style.display == 'block') {
Klappaus.style.display = 'none';
}

}
//-->
</script>
<style type="text/css">
<!--
table.outline
{
 border: 1px solid #000000;
 height: 100%;
 width: 211px;
 overflow: hidden;
}
td.w_18px
{
 width: 18px;
 height: 10px
}
td.navigation
{
 width: 193px;
 height: 10px;
 background-image: url('http://km23009-23.keymachine.de/Bilder/navi_bg.gif');
 border-left: 1px solid #000000;
}
.navigation a
{
 color: #000000;
 display:block;
 width:100%;
 height:10px;
}
.navigation a:hover
{
 background-color: #D57E01;
 border-bottom: 1px solid #000000;
 border-top: 1px solid #000000;
}
img.navi {
 display:block;
 margin-left: 10px;
 margin-top: 2.5px;
}
-->
</style>
</head>

<body onClick="exmore(1)">

<table border="0" cellpadding="0" cellspacing="0" class="outline" bgcolor="#D57E01">
  <tr>
    <td valign="top">

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" style="border-bottom: 1px solid #000000;">
    <img border="0" src="http://km23009-23.keymachine.de/Bilder/navigation_01.gif" width="211" height="26"></td>
  </tr>
  <tr>
    <td class="w_18px">&nbsp;</td>
    <td class="navigation hilfe" valign="middle"><a href="#" onClick="javascript:window.open('http://km23009-23.keymachine.de/wbb2/chathelp.php', 'chat', 'toolbar=no,scrollbars=yes,resizable=yes,width=800,height=600')">
    <img border="0" src="http://km23009-23.keymachine.de/Bilder/nav_hilfe.gif" width="27" height="5" class="navi"></a></td>
  </tr>
  <tr>
    <td class="w_18px">&nbsp;</td>
    <td class="navigation">
    <a href="javascript:post('/wc');">
    <img border="0" src="http://km23009-23.keymachine.de/Bilder/nav_weristimchat.gif" width="85" height="5" class="navi"></a></td>
  </tr>
  <tr>
    <td class="w_18px">&nbsp;</td>
    <td class="navigation">
    <a href="javascript:post('/w');">
    <img border="0" src="http://km23009-23.keymachine.de/Bilder/nav_weristimraum.gif" width="85" height="5" class="navi"></a></td>
  </tr>
  <tr>
    <td class="w_18px">&nbsp;</td>
    <td class="navigation">
    <a href="http://%HOST%:%PORT%/NOTICE?service=show&sessionid=%SESSIONID%&nh=%NH%" target="_blank">
    <img border="0" src="http://km23009-23.keymachine.de/Bilder/nav_notizen.gif" width="39" height="5" class="navi"></a></td>
  </tr>
  <tr>
    <td class="w_18px">&nbsp;</td>
    <td class="navigation">
    <a href="http://%HOST%:%PORT%/EMOTICONS?sessionid=%SESSIONID%&nh=%NH%" target="_blank">
    <img border="0" src="http://km23009-23.keymachine.de/Bilder/nav_emoticons.gif" width="51" height="5" class="navi"></a></td>
  </tr>
  <tr>
    <td class="w_18px">&nbsp;</td>
    <td class="navigation">
    <a href="http://%HOST%:%PORT%/FRIENDS?service=show&sessionid=%SESSIONID%&nh=%NH%" target="_blank">
    <img border="0" src="http://km23009-23.keymachine.de/Bilder/nav_freunde.gif" width="41" height="5" class="navi"></a></td>
  </tr>
  <tr>
    <td class="w_18px">&nbsp;</td>
    <td class="navigation">
    <a href="http://%HOST%:%PORT%/toplist?sessionid=%SESSIONID%&nh=%NH%" target="toplist_%NICK%" onClick='javascript:window.open("http://%HOST%:%PORT%/toplist?sessionid=%SESSIONID%&nh=%NH%", "toplist_%NICK%", "toolbar=no,scrollbars=yes,resizable=yes,width=500,height=480")'>
    <img border="0" src="http://km23009-23.keymachine.de/Bilder/nav_topliste.gif" width="45" height="5" class="navi"></a></td>
  </tr>
  <tr>
    <td colspan="2" style="border-bottom: 1px solid #000000; border-top: 1px solid #000000;">
    <img border="0" src="http://km23009-23.keymachine.de/Bilder/farbwahl.gif" width="211" height="26"></td>
  </tr>
  <tr id="cell">
    <td class="w_18px">&nbsp;</td>
    <td class="navigation" valign="middle" style="border-bottom: 1px solid #000000">
    <a href="javascript:more(1)">
    <img border="0" src="http://km23009-23.keymachine.de/Bilder/farb_hierklicken.gif" width="71" height="5" class="navi"></a></td>
  </tr>
  </table>
<tr>
<td height="100%">
</td>
</tr>
    </td>
  </tr>
</table>
<span id="1" style="display:none; position: absolute; top: 189px; left: 0px;">
<map name="farben">
<area alt="FFFFFF" coords="0,0,10,10" href="javascript:post('/col FFFFFF')">
<area alt="000000" coords="12,0,22,10" href="javascript:post('/col 000000')">
<area alt="333333" coords="24,0,34,10" href="javascript:post('/col 333333')">
<area alt="666666" coords="36,0,46,10" href="javascript:post('/col 666666')">
<area alt="999999" coords="48,0,58,10" href="javascript:post('/col 999999')">
<area alt="CCCCCC" coords="60,0,70,10" href="javascript:post('/col CCCCCC')">
<area alt="330000" coords="72,0,82,10" href="javascript:post('/col 330000')">
<area alt="660000" coords="84,0,94,10" href="javascript:post('/col 660000')">
<area alt="663333" coords="96,0,106,10" href="javascript:post('/col 663333')">
<area alt="996666" coords="108,0,118,10" href="javascript:post('/col 996666')">
<area alt="CC9999" coords="120,0,130,10" href="javascript:post('/col CC9999')">
<area alt="FFCCCC" coords="132,0,142,10" href="javascript:post('/col FFCCCC')">
<area alt="FF9999" coords="144,0,154,10" href="javascript:post('/col FF9999')">
<area alt="CC6666" coords="156,0,166,10" href="javascript:post('/col CC6666')">
<area alt="FF6666" coords="168,0,178,10" href="javascript:post('/col FF6666')">
<area alt="FF3300" coords="180,0,190,10" href="javascript:post('/col FF3300')">

<area alt="FF3333" coords="192,0,202,10" href="javascript:post('/col FF3333')">
<area alt="FF0000" coords="204,0,214,10" href="javascript:post('/col FF0000')">

<area alt="CC3333" coords="0,12,10,22" href="javascript:post('/col CC3333')">
<area alt="CC3300" coords="12,12,22,22" href="javascript:post('/col CC3300')">
<area alt="CC0000" coords="24,12,34,22" href="javascript:post('/col CC0000')">
<area alt="993300" coords="36,12,46,22" href="javascript:post('/col 993300')">
<area alt="990000" coords="48,12,58,22" href="javascript:post('/col 990000')">
<area alt="993333" coords="60,12,70,22" href="javascript:post('/col 993333')">
<area alt="CC6633" coords="72,12,82,22" href="javascript:post('/col CC6633')">
<area alt="CC6600" coords="84,12,94,22" href="javascript:post('/col CC6600')">
<area alt="FF6633" coords="96,12,106,22" href="javascript:post('/col FF6633')">
<area alt="FF6600" coords="108,12,118,22" href="javascript:post('/col FF6600')">
<area alt="FF9900" coords="120,12,130,22" href="javascript:post('/col FF9900')">
<area alt="FF9933" coords="132,12,142,22" href="javascript:post('/col FF9933')">
<area alt="FF9966" coords="144,12,154,22" href="javascript:post('/col FF9966')">
<area alt="FFCC99" coords="156,12,166,22" href="javascript:post('/col FFCC99')">

<area alt="CC9966" coords="168,12,178,22" href="javascript:post('/col CC9966')">
<area alt="CC9933" coords="180,12,190,22" href="javascript:post('/col CC9933')">
<area alt="CC9900" coords="192,12,202,22" href="javascript:post('/col CC9900')">
<area alt="996633" coords="204,12,214,22" href="javascript:post('/col 996633')">

<area alt="996600" coords="0,24,10,34" href="javascript:post('/col 996600')">
<area alt="663300" coords="12,24,22,34" href="javascript:post('/col 663300')">
<area alt="FFCC00" coords="24,24,34,34" href="javascript:post('/col FFCC00')">
<area alt="FFCC33" coords="36,24,46,34" href="javascript:post('/col FFCC33')">
<area alt="FFCC66" coords="48,24,58,34" href="javascript:post('/col FFCC66')">
<area alt="FFFF00" coords="60,24,70,34" href="javascript:post('/col FFFF00')">
<area alt="FFFF33" coords="72,24,82,34" href="javascript:post('/col FFFF33')">
<area alt="FFFF66" coords="84,24,94,34" href="javascript:post('/col FFFF66')">
<area alt="FFFF99" coords="96,24,106,34" href="javascript:post('/col FFFF99')">
<area alt="FFFFCC" coords="108,24,118,34" href="javascript:post('/col FFFFCC')">
<area alt="CCCC66" coords="120,24,130,34" href="javascript:post('/col CCCC66')">
<area alt="CCCC33" coords="132,24,142,34" href="javascript:post('/col CCCC33')">

<area alt="CCCC00" coords="144,24,154,34" href="javascript:post('/col CCCC00')">
<area alt="999900" coords="156,24,166,34" href="javascript:post('/col 999900')">
<area alt="999933" coords="168,24,178,34" href="javascript:post('/col 999933')">
<area alt="CCCC99" coords="180,24,190,34" href="javascript:post('/col CCCC99')">
<area alt="999966" coords="192,24,202,34" href="javascript:post('/col 999966')">
<area alt="333300" coords="204,24,214,34" href="javascript:post('/col 333300')">

<area alt="666600" coords="0,36,10,46" href="javascript:post('/col 666600')">
<area alt="666633" coords="12,36,22,46" href="javascript:post('/col 666633')">
<area alt="CCFF00" coords="24,36,34,46" href="javascript:post('/col CCFF00')">
<area alt="CCFF33" coords="36,36,46,46" href="javascript:post('/col CCFF33')">
<area alt="CCFF66" coords="48,36,58,46" href="javascript:post('/col CCFF66')">
<area alt="99FF00" coords="60,36,70,46" href="javascript:post('/col 99FF00')">
<area alt="99FF33" coords="72,36,82,46" href="javascript:post('/col 99FF33')">
<area alt="66FF00" coords="84,36,94,46" href="javascript:post('/col 66FF00')">
<area alt="99FF66" coords="96,36,106,46" href="javascript:post('/col 99FF66')">
<area alt="CCFF99" coords="108,36,118,46" href="javascript:post('/col CCFF99')">

<area alt="99CC66" coords="120,36,130,46" href="javascript:post('/col 99CC66')">
<area alt="99CC33" coords="132,36,142,46" href="javascript:post('/col 99CC33')">
<area alt="99CC00" coords="144,36,154,46" href="javascript:post('/col 99CC00')">
<area alt="669933" coords="156,36,166,46" href="javascript:post('/col 669933')">
<area alt="669900" coords="168,36,178,46" href="javascript:post('/col 669900')">
<area alt="336633" coords="180,36,190,46" href="javascript:post('/col 336633')">
<area alt="336600" coords="192,36,202,46" href="javascript:post('/col 336600')">
<area alt="339900" coords="204,36,214,46" href="javascript:post('/col 339900')">

<area alt="66CC00" coords="0,48,10,58" href="javascript:post('/col 66CC00')">
<area alt="66CC33" coords="12,48,22,58" href="javascript:post('/col 66CC33')">
<area alt="66FF33" coords="24,48,34,58" href="javascript:post('/col 66FF33')">
<area alt="33FF00" coords="36,48,46,58" href="javascript:post('/col 33FF00')">
<area alt="33FF33" coords="48,48,58,58" href="javascript:post('/col 33FF33')">
<area alt="00FF00" coords="60,48,70,58" href="javascript:post('/col 00FF00')">
<area alt="66FF66" coords="72,48,82,58" href="javascript:post('/col 66FF66')">
<area alt="99FF99" coords="84,48,94,58" href="javascript:post('/col 99FF99')">

<area alt="CCFFCC" coords="96,48,106,58" href="javascript:post('/col CCFFCC')">
<area alt="66CC66" coords="108,48,118,58" href="javascript:post('/col 66CC66')">
<area alt="33CC33" coords="120,48,130,58" href="javascript:post('/col 33CC33')">
<area alt="00CC00" coords="132,48,142,58" href="javascript:post('/col 00CC00')">
<area alt="33CC00" coords="144,48,154,58" href="javascript:post('/col 33CC00')">
<area alt="339933" coords="156,48,166,58" href="javascript:post('/col 339933')">
<area alt="003300" coords="168,48,178,58" href="javascript:post('/col 003300')">
<area alt="006600" coords="180,48,190,58" href="javascript:post('/col 006600')">
<area alt="009900" coords="192,48,202,58" href="javascript:post('/col 009900')">
<area alt="009933" coords="204,48,214,58" href="javascript:post('/col 009933')">

<area alt="339966" coords="0,60,10,70" href="javascript:post('/col 339966')">
<area alt="669966" coords="12,60,22,70" href="javascript:post('/col 669966')">
<area alt="99CC99" coords="24,60,34,70" href="javascript:post('/col 99CC99')">
<area alt="00FF33" coords="36,60,46,70" href="javascript:post('/col 00FF33')">
<area alt="00FF66" coords="48,60,58,70" href="javascript:post('/col 00FF66')">
<area alt="33FF66" coords="60,60,70,70" href="javascript:post('/col 33FF66')">

<area alt="66FF99" coords="72,60,82,70" href="javascript:post('/col 66FF99')">
<area alt="33FF99" coords="84,60,94,70" href="javascript:post('/col 33FF99')">
<area alt="00FF99" coords="96,60,106,70" href="javascript:post('/col 00FF99')">
<area alt="00CC66" coords="108,60,118,70" href="javascript:post('/col 00CC66')">
<area alt="33CC66" coords="120,60,130,70" href="javascript:post('/col 33CC66')">
<area alt="00CC33" coords="132,60,142,70" href="javascript:post('/col 00CC33')">
<area alt="006633" coords="144,60,154,70" href="javascript:post('/col 006633')">
<area alt="009966" coords="156,60,166,70" href="javascript:post('/col 009966')">
<area alt="00CC99" coords="168,60,178,70" href="javascript:post('/col 00CC99')">
<area alt="33CC99" coords="180,60,190,70" href="javascript:post('/col 33CC99')">
<area alt="66CC99" coords="192,60,202,70" href="javascript:post('/col 66CC99')">
<area alt="99FFCC" coords="204,60,214,70" href="javascript:post('/col 99FFCC')">

<area alt="66FFCC" coords="0,72,10,82" href="javascript:post('/col 66FFCC')">
<area alt="33FFCC" coords="12,72,22,82" href="javascript:post('/col 33FFCC')">
<area alt="00FFCC" coords="24,72,34,82" href="javascript:post('/col 00FFCC')">
<area alt="00FFFF" coords="36,72,46,82" href="javascript:post('/col 00FFFF')">

<area alt="33FFFF" coords="48,72,58,82" href="javascript:post('/col 33FFFF')">
<area alt="66FFFF" coords="60,72,70,82" href="javascript:post('/col 66FFFF')">
<area alt="99FFFF" coords="72,72,82,82" href="javascript:post('/col 99FFFF')">
<area alt="66CCCC" coords="84,72,94,82" href="javascript:post('/col 66CCCC')">
<area alt="33CCCC" coords="96,72,106,82" href="javascript:post('/col 33CCCC')">
<area alt="00CCCC" coords="108,72,118,82" href="javascript:post('/col 00CCCC')">
<area alt="006666" coords="120,72,130,82" href="javascript:post('/col 006666')">
<area alt="336666" coords="132,72,142,82" href="javascript:post('/col 336666')">
<area alt="009999" coords="144,72,154,82" href="javascript:post('/col 009999')">
<area alt="339999" coords="156,72,166,82" href="javascript:post('/col 339999')">
<area alt="669999" coords="168,72,178,82" href="javascript:post('/col 669999')">
<area alt="99CCCC" coords="180,72,190,82" href="javascript:post('/col 99CCCC')">
<area alt="CCFFFF" coords="192,72,202,82" href="javascript:post('/col CCFFFF')">
<area alt="99CCFF" coords="204,72,214,82" href="javascript:post('/col 99CCFF')">

<area alt="66CCFF" coords="0,84,10,94" href="javascript:post('/col 66CCFF')">
<area alt="33CCFF" coords="12,84,22,94" href="javascript:post('/col 33CCFF')">

<area alt="00CCFF" coords="24,84,34,94" href="javascript:post('/col 00CCFF')">
<area alt="0099FF" coords="36,84,46,94" href="javascript:post('/col 0099FF')">
<area alt="3399FF" coords="48,84,58,94" href="javascript:post('/col 3399FF')">
<area alt="0099CC" coords="60,84,70,94" href="javascript:post('/col 0099CC')">
<area alt="3399CC" coords="72,84,82,94" href="javascript:post('/col 3399CC')">
<area alt="006699" coords="84,84,94,94" href="javascript:post('/col 006699')">
<area alt="003333" coords="96,84,106,94" href="javascript:post('/col 003333')">
<area alt="003366" coords="108,84,118,94" href="javascript:post('/col 003366')">
<area alt="003399" coords="120,84,130,94" href="javascript:post('/col 003399')">
<area alt="0033CC" coords="132,84,142,94" href="javascript:post('/col 0033CC')">
<area alt="0033FF" coords="144,84,154,94" href="javascript:post('/col 0033FF')">
<area alt="0066CC" coords="156,84,166,94" href="javascript:post('/col 0066CC')">
<area alt="3366CC" coords="168,84,178,94" href="javascript:post('/col 3366CC')">
<area alt="336699" coords="180,84,190,94" href="javascript:post('/col 336699')">
<area alt="6699CC" coords="192,84,202,94" href="javascript:post('/col 6699CC')">
<area alt="6699FF" coords="204,84,214,94" href="javascript:post('/col 6699FF')">

<area alt="0066FF" coords="0,96,10,106" href="javascript:post('/col 0066FF')">
<area alt="3366FF" coords="12,96,22,106" href="javascript:post('/col 3366FF')">
<area alt="3333FF" coords="24,96,34,106" href="javascript:post('/col 3333FF')">
<area alt="3333CC" coords="36,96,46,106" href="javascript:post('/col 3333CC')">
<area alt="333399" coords="48,96,58,106" href="javascript:post('/col 333399')">
<area alt="333366" coords="60,96,70,106" href="javascript:post('/col 333366')">
<area alt="000033" coords="72,96,82,106" href="javascript:post('/col 000033')">
<area alt="000066" coords="84,96,94,106" href="javascript:post('/col 000066')">
<area alt="000099" coords="96,96,106,106" href="javascript:post('/col 000099')">
<area alt="0000CC" coords="108,96,118,106" href="javascript:post('/col 0000CC')">
<area alt="0000FF" coords="120,96,130,106" href="javascript:post('/col 0000FF')">
<area alt="6666FF" coords="132,96,142,106" href="javascript:post('/col 6666FF')">
<area alt="6666CC" coords="144,96,154,106" href="javascript:post('/col 6666CC')">
<area alt="666699" coords="156,96,166,106" href="javascript:post('/col 666699')">
<area alt="9999CC" coords="168,96,178,106" href="javascript:post('/col 9999CC')">
<area alt="CCCCFF" coords="180,96,190,106" href="javascript:post('/col CCCCFF')">
<area alt="9999FF" coords="192,96,202,106" href="javascript:post('/col 9999FF')">

<area alt="6633FF" coords="204,96,214,106" href="javascript:post('/col 6633FF')">

<area alt="6600FF" coords="0,108,10,118" href="javascript:post('/col 6600FF')">
<area alt="3300FF" coords="12,108,22,118" href="javascript:post('/col 3300FF')">
<area alt="3300CC" coords="24,108,34,118" href="javascript:post('/col 3300CC')">
<area alt="330099" coords="36,108,46,118" href="javascript:post('/col 330099')">
<area alt="330066" coords="48,108,58,118" href="javascript:post('/col 330066')">
<area alt="6633CC" coords="60,108,70,118" href="javascript:post('/col 6633CC')">
<area alt="6600CC" coords="72,108,82,118" href="javascript:post('/col 6600CC')">
<area alt="9900CC" coords="84,108,94,118" href="javascript:post('/col 9900CC')">
<area alt="9933CC" coords="96,108,106,118" href="javascript:post('/col 9933CC')">
<area alt="CC00FF" coords="108,108,118,118" href="javascript:post('/col CC00FF')">
<area alt="CC33FF" coords="120,108,130,118" href="javascript:post('/col CC33FF')">
<area alt="CC66FF" coords="132,108,142,118" href="javascript:post('/col CC66FF')">
<area alt="CC99FF" coords="144,108,154,118" href="javascript:post('/col CC99FF')">
<area alt="9966FF" coords="156,108,166,118" href="javascript:post('/col 9966FF')">
<area alt="9933FF" coords="168,108,178,118" href="javascript:post('/col 9933FF')">

<area alt="9900FF" coords="180,108,190,118" href="javascript:post('/col 9900FF')">
<area alt="9966CC" coords="192,108,202,118" href="javascript:post('/col 9966CC')">
<area alt="663399" coords="204,108,214,118" href="javascript:post('/col 663399')">

<area alt="660099" coords="0,120,10,130" href="javascript:post('/col 660099')">
<area alt="330033" coords="12,120,22,130" href="javascript:post('/col 330033')">
<area alt="660066" coords="24,120,34,130" href="javascript:post('/col 660066')">
<area alt="663366" coords="36,120,46,130" href="javascript:post('/col 663366')">
<area alt="990099" coords="48,120,58,130" href="javascript:post('/col 990099')">
<area alt="993399" coords="60,120,70,130" href="javascript:post('/col 993399')">
<area alt="CC00CC" coords="72,120,82,130" href="javascript:post('/col CC00CC')">
<area alt="CC33CC" coords="84,120,94,130" href="javascript:post('/col CC33CC')">
<area alt="CC66CC" coords="96,120,106,130" href="javascript:post('/col CC66CC')">
<area alt="996699" coords="108,120,118,130" href="javascript:post('/col 996699')">
<area alt="CC99CC" coords="120,120,130,130" href="javascript:post('/col CC99CC')">
<area alt="FFCCFF" coords="132,120,142,130" href="javascript:post('/col FFCCFF')">
<area alt="FF99FF" coords="144,120,154,130" href="javascript:post('/col FF99FF')">

<area alt="FF66FF" coords="156,120,166,130" href="javascript:post('/col FF66FF')">
<area alt="FF33FF" coords="168,120,178,130" href="javascript:post('/col FF33FF')">
<area alt="FF00FF" coords="180,120,190,130" href="javascript:post('/col FF00FF')">
<area alt="FF33CC" coords="192,120,202,130" href="javascript:post('/col FF33CC')">
<area alt="FF00CC" coords="204,120,214,130" href="javascript:post('/col FF00CC')">

<area alt="660033" coords="0,132,10,142" href="javascript:post('/col 660033')">
<area alt="990066" coords="12,132,22,142" href="javascript:post('/col 990066')">
<area alt="993366" coords="24,132,34,142" href="javascript:post('/col 993366')">
<area alt="CC0099" coords="36,132,46,142" href="javascript:post('/col CC0099')">
<area alt="CC3399" coords="48,132,58,142" href="javascript:post('/col CC3399')">
<area alt="FF66CC" coords="60,132,70,142" href="javascript:post('/col FF66CC')">
<area alt="CC6699" coords="72,132,82,142" href="javascript:post('/col CC6699')">
<area alt="FF99CC" coords="84,132,94,142" href="javascript:post('/col FF99CC')">
<area alt="FF6699" coords="96,132,106,142" href="javascript:post('/col FF6699')">
<area alt="FF3399" coords="108,132,118,142" href="javascript:post('/col FF3399')">
<area alt="FF0099" coords="120,132,130,142" href="javascript:post('/col FF0099')">

<area alt="FF3366" coords="132,132,142,142" href="javascript:post('/col FF3366')">
<area alt="FF0066" coords="144,132,154,142" href="javascript:post('/col FF0066')">
<area alt="FF0033" coords="156,132,166,142" href="javascript:post('/col FF0033')">
<area alt="CC0033" coords="168,132,178,142" href="javascript:post('/col CC0033')">
<area alt="990033" coords="180,132,190,142" href="javascript:post('/col 990033')">
<area alt="CC0066" coords="192,132,202,142" href="javascript:post('/col CC0066')">
<area alt="CC3366" coords="204,132,214,142" href="javascript:post('/col CC3366')">
</map>
<img src="http://km23009-23.keymachine.de/Bilder/colorchooser.gif" width="211" height="144" border="0" usemap="#farben" onClick="exmore(1)">
<br>
<font face="Tahoma">
<a href="#" onMouseover="exmore(1)"><font size="1">[x]</font></a><font size="1"> </font></font>
</span>
</body>

</html>

Und noch zwei Hinweise:

Eine Tabelle dient nicht als Hilfsmittel für das Seitenlayout. Solch eine Navigation lässt sich mit dem Listenelement strukturieren.
Ein Klassen-Namen darf nicht mit einer Ziffer beginnen. Daher habe ich die Klasse 18px in w_18px umbenannt.

Rasenkantenstein · 15. Dezember 2006

Vielen Dank für die Mühe!!

Es klappt natürlich; es lag also in der Tat nur an dem margin-Wert!?

Danke auch nochmal für den Hinweis mit den Klassen!

✔ Problem mit IE

p3sch3

Grünschnabel

Maik

p3sch3

Grünschnabel

Rasenkantenstein

Mitglied

Maik

Rasenkantenstein

Mitglied

Quaese

Moderator

Rasenkantenstein

Mitglied

Maik

Rasenkantenstein

Mitglied

Neue Beiträge