php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 29.12.2005, 12:38  
Erfahrener Benutzer
 
Registriert seit: 30.11.2004
Beiträge: 202
I-Spy
Standard Fehlerhafter Aufbau einer Tabelle!

Hallo Leute,

ich habe eine Tabele zusammengebastelt jedoch wird diese nur in Firefox richtig angezeigt. In Internet Explorer wird der markierte Bereich (Dick) gestreckt obwohl ich ihm eine konstante Größe zugewiesen habe:

Code:
<table width="784" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="2" height="2" background="design/items/CL1.gif"></td>
    <td height="2" colspan="3" background="design/items/line1.gif"></td>
    <td width="1" height="2" background="design/items/CR1.gif"></td>
  </tr>
  <tr>
    <td width="2" height="19" background="design/items/line2.gif"></td>
    <td height="19" colspan="3" bgcolor="#CBD2DE">
	<table width="781" height="19" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td><table height="19" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="7"></td>
            <td class="postBoxTitle">Titeltext</td>
          </tr>
        </table></td>
        <td><div align="right">[x] [x] </div></td>
      </tr>
    </table>
	</td>
    <td width="1" height="19" background="design/items/CR1.gif"></td>
  </tr>
  <tr>


    [Ab hier]<td width="2" height="2" background="design/items/CL2.gif"></td>
    <td width="103" height="2" background="design/items/line3.gif"></td>
    <td width="1" height="2" background="design/items/CL2.gif"></td>[/Bis hier]


    <td width="677" rowspan="2" bgcolor="#FFFFFF" valign="top">
	  <table width="677" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="2" colspan="2" background="design/items/line3.gif"></td>
        </tr>
        <tr>
          <td width="1"></td>
          <td width="666" bgcolor="#D9DEE8"><table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="11" height="9"></td>
              <td height="9"></td>
            </tr>
            <tr>
              <td width="11"></td>
              <td class="postBoxQuote">
			  	Betreff
Betreff
Betreff
Betreff
Betreff
Betreff
Betreff

				Betreff
Betreff
Betreff
Betreff
Betreff
Betreff
Betreff
</td>
            </tr>
            <tr>
              <td width="11"></td>
              <td height="8"></td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td width="1" height="1" background="design/items/CR1.gif"></td>
          <td width="666" height="1" background="design/items/CR1.gif"></td>
        </tr>
        <tr>
          <td width="1"></td>
          <td width="666"><table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="11" height="10"></td>
              <td height="10"></td>
            </tr>
            <tr>
              <td width="11"></td>
              <td class="postBoxContent">
			  	Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt

				Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
</td>
            </tr>
            <tr>
              <td width="11" height="8"></td>
              <td height="8"></td>
            </tr>
          </table></td>
        </tr>
      </table></td>
    <td width="1" rowspan="2" background="design/items/CR1.gif"></td>
  </tr>
  <tr>
    <td width="2" background="design/items/line2.gif"></td>
    <td width="103" bgcolor="#D9DEE8" valign="top">
	<table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="7" height="4"></td>
        <td height="4"></td>
      </tr>
      <tr>
        <td width="7"></td>
        <td class="postBoxTitle">Mustermann</td>
      </tr>
      <tr>
        <td width="7" height="5"></td>
        <td height="5"></td>
      </tr>
      <tr>
        <td width="7"></td>
        <td class="postBoxTitle">07.10.2005 20:00 </td>
      </tr>
      <tr>
        <td width="7" height="9"></td>
        <td height="9"></td>
      </tr>
      <tr>
        <td width="7"></td>
        <td class="postBoxTitle">&Auml;nderung:</td>
      </tr>
      <tr>
        <td width="7"></td>
        <td class="postBoxTitle">10.11.06</td>
      </tr>
      <tr>
        <td width="7" height="17"></td>
        <td height="17"></td>
      </tr>
      <tr>
        <td width="7"></td>
        <td class="postBoxTitle">3 Versionen</td>
      </tr>
      <tr>
        <td height="8"></td>
        <td height="8"></td>
      </tr>
    </table></td>
    <td width="1" background="design/items/CR1.gif"></td>
  </tr>
  <tr background="design/items/CR1.gif">
    <td width="2" height="1" background="design/items/CR1.gif"></td>
    <td width="103" height="1" background="design/items/CR1.gif"></td>
    <td width="1" height="1" background="design/items/CR1.gif"></td>
    <td width="677" height="1" background="design/items/CR1.gif"></td>
    <td width="1" height="1" background="design/items/CR1.gif"></td>
  </tr>
</table>
Wie iht sehen könnt sollten diese Felder die Höhe von 2px haben, tun sie aber nicht. Hat jemand eine Idee wie man das aubügeln könnte?

Gruß Dima
I-Spy ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 29.12.2005, 12:43  
Gast
 
Beiträge: n/a
Standard

Ohje, mal überlegt anstelle dem Tabellengefummel auf DIV zu setzten ?
  Mit Zitat antworten
Alt 29.12.2005, 12:54  
Erfahrener Benutzer
 
Registriert seit: 30.11.2004
Beiträge: 202
I-Spy
Standard

div sind doch lediglich die Container ... wie soll man da eine Vernüftige "tabelle" zusammen setzen die in allen Browsern gleich aussieht?
I-Spy ist offline   Mit Zitat antworten
Alt 29.12.2005, 13:26  
Erfahrener Benutzer
 
Registriert seit: 08.02.2005
Beiträge: 224
lomtas
lomtas eine Nachricht über ICQ schicken
Standard

gibt es davon eine onlinetestversion, wo man sich das mal anschauen kann?
lomtas ist offline   Mit Zitat antworten
Alt 29.12.2005, 14:11  
Erfahrener Benutzer
 
Registriert seit: 30.11.2004
Beiträge: 202
I-Spy
Standard

http://www.nano-games.de/test2.htm

Schaut euch bitte diese Seite in Firefox und in Internet explorer an! Danke
I-Spy ist offline   Mit Zitat antworten
Alt 29.12.2005, 14:21  
Erfahrener Benutzer
 
Registriert seit: 08.02.2005
Beiträge: 224
lomtas
lomtas eine Nachricht über ICQ schicken
Standard

Naja, aber das löst man jetzt nicht mit tabellen normalerweise... dazu gibts doch divs...

tabellen sollten nicht zu layoutzwecken missbraucht werden.
lomtas ist offline   Mit Zitat antworten
Alt 29.12.2005, 14:24  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 9.937
Zergling-new wird schon bald berühmt werden
Standard

Ich verstehe das Problem nicht.
Zergling-new ist offline   Mit Zitat antworten
Alt 29.12.2005, 14:27  
Erfahrener Benutzer
 
Registriert seit: 30.11.2004
Beiträge: 202
I-Spy
Standard

@Zergling: Siehst du nicht diesen Fehler in Internet Explorer?
Ich poste mal nen Shot!

Gruß Dima

I-Spy ist offline   Mit Zitat antworten
Alt 29.12.2005, 14:34  
Erfahrener Benutzer
 
Registriert seit: 30.11.2004
Beiträge: 202
I-Spy
Standard

Zitat:
Zitat von lomtas
Naja, aber das löst man jetzt nicht mit tabellen normalerweise... dazu gibts doch divs...

tabellen sollten nicht zu layoutzwecken missbraucht werden.
Ja, nur ich habe noch nie divs zur Layout erstellung benuzt! Ich muss mal schauen ob es Beispiele dazu im Internet gibt!

Gruß Dima
I-Spy ist offline   Mit Zitat antworten
Alt 29.12.2005, 14:48  
Erfahrener Benutzer
 
Registriert seit: 26.10.2003
Beiträge: 592
Baltasar zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

du könntest die ganzen angaben zur tabelle mal in style-sheets packen und danach zusätzlich padding, margin und border für die betreffende zelle auf 0 setzten. also so würd ich an die sache rangehen.
Baltasar ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Koordinatengruppen in Tabelle erfassen ssm Datenbanken 5 18.09.2006 16:52
Zeilenanzahl einer tabelle mit WHERE aber ohne schleife? sovereign Datenbanken 13 17.04.2006 20:34
[Erledigt] Problem mit dem Füllen einer Tabelle über Formular PHP Tipps 2006 18 10.01.2006 12:51
Problem mit Anzeige einer Tabelle mit dem Firefox? HTML, Usability und Barrierefreiheit 8 28.11.2005 15:08
[Erledigt] Tabelle aktualisieren Datenbanken 3 23.11.2005 09:54
[Erledigt] Problem mit mySQL Datenbanken 7 27.09.2005 12:06
[Erledigt] mysql abfrage über 4 Tabelle - bis 3 geht, bei der 4. habert Datenbanken 2 08.09.2005 11:59
tabelle in tabelle ohne aussenrand noskule HTML, Usability und Barrierefreiheit 6 25.08.2005 14:17
spielplan, und Tabelle erstellen alias_zappler PHP Tipps 2005-2 3 01.08.2005 00:25
HTML Tabellenzeile in Tabelle einfügen? Datenbanken 2 28.01.2005 00:28
Tabelle in Tabelle ausrichten HTML, Usability und Barrierefreiheit 7 03.01.2005 14:32
[Erledigt] Ganze Tabelle ausgeben PHP Tipps 2004-2 1 21.11.2004 16:48
[Erledigt] Letzter Eintrag in einer Tabelle und Top Five einer Tabelle Datenbanken 2 27.09.2004 06:50
Sortieren anhand einer zweiten Tabelle PHP Tipps 2004 6 20.09.2004 09:03
HILFE: Column count doesn't match value count at row 1 Datenbanken 17 12.06.2004 16:45

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
aufbau tabelle php, aufbau der tabelle, hrml tabellen aufbau

Alle Zeitangaben in WEZ +2. Es ist jetzt 02:15 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.