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.09.2005, 15:31  
Erfahrener Benutzer
 
Registriert seit: 27.10.2004
Beiträge: 1.093
PHP-Kenntnisse:
Fortgeschritten
Chr!s
Standard Wieso verschieben sich diese Tabellen?

Hallo,
nun bin ich (endilch) am fertigstellen meiner neuen Community-Seite. Naja, Forum fertig gecodet, dann die vorher ausgedachten Themenbereiche eintragen - und was passiert? Die Foren-Tabellen verschieben sich, und ich hab keine Ahnung warum.
http://sag-ich-dir.net/_v4/01.png

Hier der Quelltext dazu (nur einmal fuer die Kategorie "Allgemeines":
Code:
<table width="100%" cellpadding="2" cellspacing="1" class="boardborder">
 <tr>
   <td class="boardheader" align="center" colspan="2" width="5%"></td>
   <td class="boardheader" width="47%" align="left">Forum</td>
   <td class="boardheader" align="center" width="9%">Themen</td>

   <td class="boardheader" align="center" width="9%">Beitr&auml;ge</td>
   <td class="boardheader" align="center" width="30%">Letzter Beitrag</td>
 </tr>
</table>




<table width="100%" cellpadding="2" cellspacing="1" class="headerrow">
 <tr>
  <td width="100%" height="10" align="left">
   <div class="bold" style="position: relative; left: 6%">Allgemeines</div>

   </td>
 </tr>
</table>



<table width="100%" cellpadding="2" cellspacing="1" class="boardindexrow">
 <tr>
  <td class="boardrow1" align="center" colspan="2" width="5%">[img]images/board_nonewpost.gif[/img]</td>
  <td class="boardrow1" width="47%" align="left"><span class="boardnormalfont">Lob & Kritik</span>
<span class="boardsmallfont">Eure Meinung ist hier gefragt</span>
</td>

  <td class="boardrow2" align="center" width="9%">0</td>
  <td class="boardrow2" align="center" width="9%">0</td>
  <td class="boardrow3" align="center" width="30%">Noch keiner</td>
 </tr>
</table>



<table width="100%" cellpadding="2" cellspacing="1" class="boardindexrow">
 <tr>
  <td class="boardrow1" align="center" colspan="2" width="5%">[img]images/board_nonewpost.gif[/img]</td>

  <td class="boardrow1" width="47%" align="left"><span class="boardnormalfont">Hilfe</span>
<span class="boardsmallfont">Habt ihr Fragen? Dann stellt sie!</span>
</td>
  <td class="boardrow2" align="center" width="9%">0</td>
  <td class="boardrow2" align="center" width="9%">0</td>
  <td class="boardrow3" align="center" width="30%">Noch keiner</td>
 </tr>
</table>


<table width="100%" cellpadding="2" cellspacing="1" class="boardindexrow">

 <tr>
  <td class="boardrow1" align="center" colspan="2" width="5%">[img]images/board_nonewpost.gif[/img]</td>
  <td class="boardrow1" width="47%" align="left"><span class="boardnormalfont">Bugs & Verbesserungsvorschl&auml;ge</span>
<span class="boardsmallfont">Fehler gefunden? Oder eine gute Idee?</span>
</td>
  <td class="boardrow2" align="center" width="9%">0</td>
  <td class="boardrow2" align="center" width="9%">0</td>
  <td class="boardrow3" align="center" width="30%">Noch keiner</td>

 </tr>
</table>
Dazu noch die CSS:
Code:
.boardborder {
        border: 1px solid #006699;
        background: #bcbcbc;
}

.headerrow {
        border: 1px solid #006699;
        border-top: 0;
        border-bottom: 0;
        padding: 0;
        background: #C3CDD5;
}

.boardindexrow {
        border: 1px solid #006699;
        border-top: 0;
        border-bottom: 0;
        background: #bcbcbc;
}

.boardrow1 {
        background-color: #efefef;
        vertical-align: middle;
        margin: 0;
        border: 0;
}

.boardrow2 {
        background-color: #dee3e7;
        vertical-align: middle;
        margin: 0;
        border: 0;
        text-align: center;
}

.boardrow3 {
        background-color: #dee3e7;
        vertical-align: middle;
        margin: 0;
        border: 0;
}

.boardheader {
        color: #FFA34F;
        font-size: 11px;
        font-weight : bold;
        background: #004477;
        white-space: nowrap;
}
Ist zwar viel Code, nur leider ist das ein kleiner relevanter Ausschnitt..
Nun, woran liegt es, dass sich die Tabellen (siehe http://sag-ich-dir.net/_v4/01.png ) so seltsam verschieben? Im Interet Explorer wird alles übrigens richtig angezeigt - der Fehler ist im Firefox / Mozilla. Anfangst dachte ich, dass ich die Breite der td's nicht auf 100% gebracht habe, jedoch hab ich nachgerechnet - es sind 100% ..
Chr!s ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

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

Alt 29.09.2005, 16:07  
Gast
 
Beiträge: n/a
Standard

Ein Nachteil bei Prozent-Angaben, Breiten neigen sich zu verändern in abhängigkeit vom Inhalt, also hier die breite der Texte.
Prozent ist ja keine feste Größe
  Mit Zitat antworten
Alt 29.09.2005, 17:05  
Erfahrener Benutzer
 
Registriert seit: 27.10.2004
Beiträge: 1.093
PHP-Kenntnisse:
Fortgeschritten
Chr!s
Standard

// edit
roflpofl.. Sowas is mir aber auch noch nich vorgekommen, dass sich die Tabellen derart verschoben haben.. Ich werd mal nach einer Lösung suchen, wie ich das am besten regel, danke erstmal..
Chr!s ist offline   Mit Zitat antworten
Alt 29.09.2005, 17:41  
Gast
 
Beiträge: n/a
Standard

Zitat:
Sowas is mir aber auch noch nich vorgekommen
Doch doch, hatte ich schon oft, bis ich dann alles mit festen Werten umgebaut habe.
Aber ich habe dein Beispiel hier mal nachgebaut, und hatte keine Probleme.

Ich habe auch die Tabelle etwas verändert, sodass nicgt immer eine neue Tabelle erstellt wird, sondern nur zusätzliche neue Zeilen.
Also bei Forenanzeige.
  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
nested set dbmodell subtrees verschieben raffnix Datenbanken 12 08.06.2008 13:27
Tabellen für Vokabeltrainer anlegen... anonym01 PHP Tipps 2008 9 03.03.2008 21:18
PHP Array in MYSQL Tabellen schreiben Matt Datenbanken 1 26.02.2008 19:43
5 tabellen miteinander verknüpfen. miwo Datenbanken 2 22.09.2007 11:17
abfrage über mehrere tabellen mit einer bedingung DarkThunder PHP Tipps 2007 6 15.04.2007 17:13
Temporäre Tabellen und Performance Olsen Datenbanken 2 09.09.2006 17:08
LEFT OUTER JOIN für mehr als 2 Tabellen ? Alpha Centauri Datenbanken 4 05.04.2006 16:18
Join-Abfrage über mehrere Tabellen sinai Datenbanken 3 04.02.2006 13:05
einträge aus 2 tabellen sortieren Tschuu Datenbanken 11 20.12.2005 08:21
[Erledigt] abfrage mehrere tabellen PHP Tipps 2005-2 3 31.10.2005 21:57
Anhand Union Spalte aus anderen Tabellen selekt. und sort. Datenbanken 1 02.08.2005 11:34
sql über 2 tabellen PHP Tipps 2005 2 25.04.2005 21:26
[Erledigt] Selectanfrage an eine Datenbank,aber aus mehreren Tabellen Datenbanken 2 26.10.2004 07:23
suche über 8 tabellen PHP Tipps 2004 3 03.09.2004 12:48
[Erledigt] fulltext suche priorität von tabellen setzen Datenbanken 1 09.08.2004 15:26

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
php tabelle verschieben, internet explorer 9 tabellen verschieben, colspan verschiebt tabelle, td verschiebt alles, internet explorer 9 verschieben tabelle, div style=height 100 percent bug \internet explorer 9\, table tb text verschieben, warum ist meine tabelle in php verschoben, tabellenposition html verschiebt sich texteingabe, html text neben tabelle verschiebt sich im internet explorer, tabellen verrutschen im internet explorer im firefox ist alles normal, tabelle in tabelle html border verschieben sich, td verschieben, html td verschieben, tabelle padding verschiebt, tabellen in explorer 9 verschieben sich, img verschiebt tabelle, html tabelle width % nicht verschiebbar, td verschoben, tabelen text verschieben html

Alle Zeitangaben in WEZ +2. Es ist jetzt 01:35 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.