[HTML] Ich klatsch ihn an die Wand - IE und Tabellen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [HTML] Ich klatsch ihn an die Wand - IE und Tabellen

    Also, ich krieg langsam sooo einen Hals wegen dem IE. Folgender Quellcode wird von ihm einfach nicht richtig dargestellt:

    PHP-Code:
          <table border="0" cellpadding="0" cellspacing="0" width="630">
           <
    tr>
            <
    td rowspan="2" colspan="2" width="623" bgcolor="#000000">

             <!-- 
    Inhalt -->
             <
    table border="0" cellpadding="1" cellspacing="0" width="100%" height="100%">
              <
    tr>
               <
    td width="100%" height="100%" bgcolor="#000000">
                <
    table border="0" cellpadding="5" cellspacing="0" width="100%" height="100%">
                 <
    tr>
                  <
    td width="100%" height="100%" bgcolor="#FFFFFF">
                   
    TEXT
                   TEXT
                   TEXT
                  
    </td>
                 </
    tr>
                </
    table>
               </
    td>
              </
    tr>
             </
    table>
             <!-- /
    Inhalt -->

            </
    td>
            <
    td width="7" height="8" background="gfx/schatten_ro.gif"></td>
           </
    tr>
           <
    tr>
            <
    td width="7" background="gfx/schatten_r.gif"></td>
           </
    tr>
           <
    tr>
            <
    td height="8" width="7" background="gfx/schatten_ul.gif"></td>
            <
    td height="8" width="623" background="gfx/schatten_u.gif"></td>
            <
    td height="8" width="7" background="gfx/schatten_ur.gif"></td>
           </
    tr>
          </
    table
    Hier das Ergebnis: http://www.hardtec.de/spfp/main.htm

    Mit Opera, NC & mozilla alles richtig nur der IE ignoriert die Höhenangaben!

    EDIT: Und ja, mir ist klar, dass die Angabe "height=100%" im table tag nicht gültig ist, aber mich interessiert einfach was der IE da macht, denn alle anderen verstehen es scheinbar ...
    Zuletzt geändert von Juke; 25.08.2003, 14:23.

  • #2
    also in firebird und ie 6 seh ich keine unterschiede abgesehen vom schatten rechts, was evtl. auf unterschiedliche margin einstellungen bei den browsern zurückzuühren is
    Ich denke, also bin ich. - Einige sind trotzdem...

    Kommentar


    • #3
      Genau das ist das Problem, im Opera, Mozilla & NC siehst so richtig aus:



      und im IE so:



      Der rechte Schatten spinnt da total *grr*

      Kommentar


      • #4
        Das lustige ist: Wenn ich nun die Höhe der rechten oberern schattenecke im td tag auf "-80" z.B. setze er es wie im Opera anzeigt, aber Opera dann nicht mehr korrekt *grummel*

        Kommentar


        • #5
          doctype angeben?

          valides html schreiben?

          css?
          Ich denke, also bin ich. - Einige sind trotzdem...

          Kommentar


          • #6
            Hat vielleicht noch jemand ne Idee?

            @mrhappiness: Wie meinst du das mit dem margin?

            Kommentar


            • #7
              Original geschrieben von mrhappiness
              doctype angeben?

              valides html schreiben?

              css?
              Dann gib mir doch mal n Vorschlag das ganze in "validem" HTML zu schreiben. Ich hab es satt mich an jeden Browser anzupassen, im Grunde verachtet jeder die W3C und jeder kocht seine eigene Suppe. Wenn ich alles mit CSS mache, sind die User mit älteren Browsern angeschmiert, vor allem die NC User. Diese Seite so wie sie ist, funkt eigentlich in allen, AU?ER dem IE und da is der Wurm. Deshalb wollte ich ja nur wissen, ob jemand noch ne Idee hat das ganze so zu verbessern, dass es auch im IE funkt. Trotzdem danke und noch n schönen Tag

              Kommentar


              • #8
                css:
                Code:
                <style type="text/css">
                table
                {
                	border:0px;
                	border-collapse:collapse;
                	border-spacing:0px;
                }
                td#content
                {
                	text-transform:uppercase;
                	border:1px solid black;
                }
                td#rechts, td#unten, td#rechtsunten
                {
                	padding:0;
                	margin:0;
                }
                td#rechts{background:transparent url(/rechts.gif) repeat-y right top;}
                td#unten{background:transparent url(/unten.gif) repeat-x left top;}
                td#rechtsunten{background:transparent url(/rechtsunten.gif) no-repeat;}
                </style>
                html
                Code:
                <body>
                	<table>
                		<tr>
                			<td id="content">text text text</td>
                			<td id="rechts">&amp;nbsp;</td>
                		</tr>
                		<tr>
                			<td id="unten">&amp;nbsp;</td>
                			<td id="rechtsunten">&amp;nbsp;</td>
                		</tr>
                	</table>
                </body>
                ohne gewähr, aber so sollte es in etwa hinhauen
                Ich denke, also bin ich. - Einige sind trotzdem...

                Kommentar


                • #9
                  ich veracht die W3C net!

                  ich verachte die browserhersteller...
                  die baun ja den mist!
                  Man lernt nie aus...

                  ...und wenn man's doch tut braucht man sich auch nicht schämen!

                  Kommentar


                  • #10
                    Original geschrieben von Juke
                    Wenn ich alles mit CSS mache, sind die User mit älteren Browsern angeschmiert, vor allem die NC User. Diese Seite so wie sie ist, funkt eigentlich in allen, AU?ER dem IE und da is der Wurm.
                    Würdest du dich an HTML 4 halten würde es auch funktionieren

                    diesen Tag-Attribut gibt es in diesem Zusammenhang gar nicht

                    <td background="bla"></td>

                    siehe hier:
                    http://selfhtml.teamone.de/html/refe...tribute.htm#td

                    und so wäre es dann richtig mit dem "background"-Attribut

                    http://selfhtml.teamone.de/html/tabe...tm#hintergrund

                    Schreib valides HTML dann funzt es auf mit dem IE....

                    Kommentar


                    • #11
                      Original geschrieben von Aroree
                      Würdest du dich an HTML 4 halten würde es auch funktionieren

                      diesen Tag-Attribut gibt es in diesem Zusammenhang gar nicht

                      <td background="bla"></td>

                      siehe hier:
                      http://selfhtml.teamone.de/html/refe...tribute.htm#td

                      und so wäre es dann richtig mit dem "background"-Attribut

                      http://selfhtml.teamone.de/html/tabe...tm#hintergrund

                      Schreib valides HTML dann funzt es auf mit dem IE....
                      lol, als ob der IE sich an "valides HTML" halten würde *rofl* Der ist wohl der letzte, der sich mit seinem Monopol nach der W3C richtet. Wenn es im mozilla läuft, dann is das HTML für mich "valide genug". Ich hab jetzt ne Lösung gefunden, mit der es auf allen Browsern einfandfrei läuft, auch ohne "valides HTML"

                      EDIT: Ach Du scheisse, ich habe gerade auf microsoft.com den Tag "<TD colspan="8" height="80" background="/homepage/gif/brandwhole.gif">" gefunden! Sind die denn bescheuert? Wie können die ne Seite so designen, dass die mim IE nicht angezeigt wird? Die sollten sich was schämen, nicht HTML valide zu schreiben!

                      Sorry, aber ich reg mich nunmal über sowas auf: Die Situation im Gebiet der Browser ist undurchsichtiger dennje und ich wollte eigentlich nur ne kleine Hilfestellung zu meinem Problem, aber nicht belehrungen, was "valides HTML" ist. Danke für die Hinweise, aber so lange es überall einwandfrei funktioniert ist das HTML valide genug für mich.

                      Und nochwas: Der IE hat soviele Tags implementiert die nichtmal von der W3C in irgendeiner Weise auch nur genannt werden, wie beispielsweise die Laufschrift <marquee> und da willst Du mir erzählen, dass der IE sich an "valides HTML" halten würde? Irgendwie ... unglaubwürdig
                      Zuletzt geändert von Juke; 26.08.2003, 14:16.

                      Kommentar


                      • #12
                        ich trau mich jetzt einfach mal zu wetten, dass du dies problem mit der unterschiedlichen, fehlerhaften darstellung nicht gehabt hättest, wenn du von vornherein valids html geschrieben hättest...
                        Ich denke, also bin ich. - Einige sind trotzdem...

                        Kommentar


                        • #13
                          Original geschrieben von mrhappiness
                          css:
                          Code:
                          <style type="text/css">
                          table
                          {
                          	border:0px;
                          	border-collapse:collapse;
                          	border-spacing:0px;
                          }
                          td#content
                          {
                          	text-transform:uppercase;
                          	border:1px solid black;
                          }
                          td#rechts, td#unten, td#rechtsunten
                          {
                          	padding:0;
                          	margin:0;
                          }
                          td#rechts{background:transparent url(/rechts.gif) repeat-y right top;}
                          td#unten{background:transparent url(/unten.gif) repeat-x left top;}
                          td#rechtsunten{background:transparent url(/rechtsunten.gif) no-repeat;}
                          </style>
                          html
                          Code:
                          <body>
                          	<table>
                          		<tr>
                          			<td id="content">text text text</td>
                          			<td id="rechts">&amp;nbsp;</td>
                          		</tr>
                          		<tr>
                          			<td id="unten">&amp;nbsp;</td>
                          			<td id="rechtsunten">&amp;nbsp;</td>
                          		</tr>
                          	</table>
                          </body>
                          ohne gewähr, aber so sollte es in etwa hinhauen
                          Hmm, kann schlecht gehen, denn ich brauche ja 6 Tabellenfelder, von daher ... Und ich bezweifle, dass das im NC 6 einwandfrei läuft.

                          Kommentar


                          • #14
                            Mag sein, aber ich hab einfach nicht den Nerv mir alles neu anzueignen und wenns mit meinen Boardmitteln geht, warum nicht?

                            Kommentar


                            • #15
                              Original geschrieben von Juke
                              Mag sein, aber ich hab einfach nicht den Nerv mir alles neu anzueignen und wenns mit meinen Boardmitteln geht, warum nicht?
                              und bei der nächsten seite hast du dann wieder so ein problem, und wir dürfen dann wieder deine fragen zu schlechtem quellcode beantworten.

                              toller plan ...



                              btw: von allen grossen browsern ist der IE (leider) der fehlertoleranteste überhaupt. wenn der es nicht anzeigt, heisst das also, dass du schon ziemlich grossen mist gebaut haben musst, und nicht nur html das irgendwo ein kleines bisschen vom standard abweicht ...
                              I don't believe in rebirth. Actually, I never did in my whole lives.

                              Kommentar

                              Lädt...
                              X