colspan tabledata problem

Thor

Meine test-html seite sieht wie folgt aus:

HTML

<html>
<head>
<title>h</title>


<style>


body 
{
 	background-color:#FDFDFD;
     	margin-left:5px; 
	background-image:url(./pics/background.jpg);
	background-attachment:fixed;
}


table 		{ cellspacing:0 ; cellpadding:0 ; bordercolorlight:#808080 ; bordercolordark:#808080 }
h1,h2,h3,h4,p,td,a { font-family:Arial;font-size:12; color:#333344}


</style>


<body>


<table width="100%" cellpadding="0" cellspacing="0" border="1">
 
 <colgroup>
  <col width="*">
  <col width="600">
  <col width="*">
 </colgroup>


 <tr>
  <td>
   trala
  </td>
  <td>


   <table width="100%" cellpadding="0" cellspacing="0" border="1">


    <colgroup>
     <col width="*">
     <col width="45">
     <col width="45">
     <col width="10">
    </colgroup>


    <tr>
     <td colspan="4">
      Warenkorb
     </td>
    </tr>
    <tr>
     <td>
      Ware
     </td>
     <td>
      Anz.
     </td>
     <td>
      Preis
     </td>
     <td>

     </td>
    </tr>


    <tr>
     <td>
      Produktname
     </td>
     <td>
      0
     </td>
     <td>
      0.00
     </td>
     <td>
      [url='#'][img]../pics/plus.gif[/img][/url]


      [url='#'][img]../pics/minus.gif[/img][/url]
     </td>
    </tr>


    <tr>
     <td>
      Produktname
     </td>
     <td>
      0
     </td>
     <td>
      0.00
     </td>
     <td>
      [url='#'][img]../pics/plus.gif[/img][/url]


      [url='#'][img]../pics/minus.gif[/img][/url]
     </td>
    </tr>


    <tr>
     <td>
      Produktname
     </td>
     <td>
      0
     </td>
     <td>
      0.00
     </td>
     <td>
      [url='#'][img]../pics/plus.gif[/img][/url]


      [url='#'][img]../pics/minus.gif[/img][/url]
     </td>
    </tr>


    <tr>
     <td>
      Produktname
     </td>
     <td>
      0
     </td>
     <td>
      0.00
     </td>
     <td>
      [url='#'][img]../pics/plus.gif[/img][/url]


      [url='#'][img]../pics/minus.gif[/img][/url]
     </td>
    </tr>


    <tr>
     <td>
      Produktname
     </td>
     <td>
      0
     </td>
     <td>
      0.00
     </td>
     <td>
      [url='#'][img]../pics/plus.gif[/img][/url]


      [url='#'][img]../pics/minus.gif[/img][/url]
     </td>
    </tr>


    <tr>
     <td colspan="2">
      Mehrwertsteuer (16%)
     </td>
     <td>
      55.17
     </td>
     <td>

     </td>
    </tr>


    <tr>
     <td colspan="2">
      inkl. Mehrwertsteuer
     </td>


     <td>
      400.00
     </td>
     <td>

     </td>
    </tr>


    <tr>
     <td colspan="2">
      Versandkosten
     </td>
     <td>
      + 15.80
     </td>
     <td>

     </td>
    </tr>


    <tr>
     <td colspan="2">
      gesamt
     </td>
     <td>
      415.80
     </td>
     <td>

     </td>
    </tr>


   </table>


  </td>
  <td>
   trala
  </td>
 </tr>


</table>






</body>
</html>

Alles anzeigen

alles bestens damit, doch jetzt schreibt mal bitte in die zeile wo "inkl. Mehrwertsteuer" steht mehr herein ... egal was.
Macht so 6-10 Zeichen mehr rein und schon verrutscht alles.
Wieso?
Wie kann ich das verhindern?
Wo liegt das Problem?

Danke für eure Hilfe.

Thor

GreenRover

also bei mir gibt es garkeine Probleme. Denn der Code ist 100% richtig.

es kann aber sein das das:

Code

<colgroup>
     <col width="*">
     <col width="45">
     <col width="45">
     <col width="10">
    </colgroup>

nicht von jedem Browser unterstüzt wird.

HAbe IE und Mozilla getestet

6_freddy

Hi,
könnte das an dem fehlenden </head>-Tag liegen?
Nein, natürlich nicht, aber im IE wird wohl die Formatierung nicht unterstützt - im Firefox scheint's zu laufen, obwohl hier die "45"-er-Spalten auch unterschiedlich weit sind.
MfG
6_freddy

Tags