Standard Feste Tabellenbreite

Ist es eine standard-Methode für die Berechnung des fixed-width-Werte für Tabellen in HTML? Jetzt arbeite ich auf die Formatierung von Tabellen auf einer web-Seite eine Feste Breite, ich habe eine Tabelle innerhalb einer anderen Tabelle, wenn bei der Prüfung die Seite im IE ich feststellen, dass die Ausrichtung der Dickdarm ausgeschaltet ist, wie das zweite Bild unten zeigt. Meine Absicht ist es, sicherzustellen, dass die Doppelpunkte sind ordnungsgemäß ausgerichtet, wie Sie in Firefox und war nur neugierig, ob die Verlagerung war durch die Einstellungen in der HTML-oder wenn es hat mehr zu tun mit, wie der browser rendert die Seite.

Firefox:
Standard Feste Tabellenbreite

Internet Explorer:

UPDATE:

Sorry für die nicht Bereitstellung von Referenz-code, hier ist ein Ausschnitt der besonderen Abschnitt, mit dem ich arbeite.

<div style="width: 1600px; text-align: center; position: absolute; top: 10%; left: 0%;">
    <span id="labelInstructions" style="font-size: xx-large;">PAGE TITLE <br><br></span>
    <table style="width: 1000px;" align="Center" border="0">
        <tbody>
            <tr>
                <td style="width: 1000px;"><label for="FileUpload1" style="font-size: x-large;">ENTER: </label><input name="FileUpload1" id="FileUpload1" size="70%" type="file"></td>
            </tr>
            <tr>
                <td style="width: 1000px;"><span id="fileUploadError" style="color: Red; font-size: medium;"><br><br></span></td>
            </tr>
            <tr>
                <td style="width: 1000px;">
                <table style="width: 1260px;" border="0">
                    <tbody>
                        <tr>
                            <td style="font-size: x-large; width: 800px;" align="right" valign="top">FILE INSTRUCTIONS:</td>
                            <td style="font-size: x-large; width: 1800px;" align="left" valign="top">INSTRUCTION 1<br>INSTRUCTION 2<br></td>
                        </tr>
                        <tr>
                            <td></td>
                        </tr>
                        <tr>
                            <td style="font-size: x-large; width: 800px;" align="right" valign="top">FILE EXAMPLE:</td>
                            <td style="font-size: x-large; width: 1800px;" align="left" valign="top">EXAMPLE 1<br>EXAMPLE 2<br><br></td>
                        </tr>
                    </tbody>
                </table>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Ich weiß, es ist hässlich, einfach nur ein Hinweis, dies ist ein ASP.Net generiert Webseite und ich bin der Einstellung der Attribute der HTML-Elemente, pro-grammatisch aus dem code hinter. Ich sorta geerbt und mein Arbeitgeber will, um wichtigen änderungen auf ein minimum.

UPDATE 2:

Wenn ich passen Sie die inneren Tabellenbreite kann ich es ausrichten im IE bei 1377px. Für Firefox, die sweet-spot-Ausrichtung ist 1260px.

Ich würde dies nur tun, mit verschachtelten Tabellen als letzten Ausweg. Trotzdem, ein paar html und/oder css wäre hilfreich, oder zumindest einige Grenzen in der Lage sein zu sehen, das layout richtig. Meine Vermutung wäre, dass Sie benötigen, um die TDs mit fester Breite und ermöglichen, Verpackung, aber Sie vielleicht schon, dass es der Weg?

InformationsquelleAutor kingrichard2005 | 2011-02-04

Alles, was Sie tun müssen ist, stellen die Spalten der Tabelle die gleiche Breite wie jede andere.

Beispiel für Stil:

table tr td:first-child { background-color:yellow; width:200px; }

HTML:

<table>
  <tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr>
  <tr><td>Row 2 Cell 1</td><td>Row 2 Cell 2</td></tr>
  <tr><td>Row 3 Cell 1</td><td>Row 3 Cell 2</td></tr>
</table>

InformationsquelleAutor Moses

0

Sorry für die nicht direkt die Antwort auf deine Frage, aber...

Stoneage ist vorbei!!! Sollten Sie wirklich keine Verwendung von Tabellen zu Layout-Zwecken, denn Sie sind kaum zugänglich für Behinderte Menschen und machen Sie Ihre HTML-Datei viel zu groß (in Bezug auf den Inhalt).

Trennen Inhalt und Layout, verwenden Sie CSS.
- Dies ist eine ideologische Frage, und es hilft ihm nicht, zu sagen, "denken Sie über alles, was Sie bisher getan haben".
- Ja, ich bin wirklich sorry für die nicht direkt die Antwort auf seine Frage, aber ich kann nicht ertragen, Tisch-layouts. Sorry, mate. 🙂
- Erstens ist besser geeignet als ein Kommentar, nicht eine Antwort auf eine Frage. Sekunde, während Sie sind richtig, dass Sie mit dem Tabellen-basierten layouts ist "veraltet", Sie können nicht einfach davon ausgehen, er hat die macht, zu wählen... vielleicht ist er die Pflege einer Kunden-website, und Sie wollen nicht bezahlen für ein redesign? Vielleicht ist er mit diesem code erstellen Sie ein layout für tabellarische Daten (ein Szenario, in dem mit Hilfe von Tabellen ist mehr kompatibel als mit divs). Sie bekommen die Idee...
- Nicht anfangen wollen, ein argument, denke nur, dass wir noch mit dem Rad, das erfunden wurde, in der Steinzeit. 🙂 Peace
- Guter Punkt, Moses. Glaube nicht, dass Fall. Ich werde diesen post als Kommentar in die Zukunft. 🙂 Netter Nickname, btw.
- andre_roesti - ich verstehe deine Punkt-andre ich würde nicht entworfen haben Sie das wway entweder. Wie ich in meinem UPDATE, das ist etwas, was ich geerbt, und ja, wie Moses schon sagt, das system ist viel komplizierter. Mein Arbeitgeber hat bestimmte Anforderungen, die ich berücksichtigen muss, so muss ich mit dem arbeiten was ich habe.
InformationsquelleAutor anroesti

Stellen Sie sicher, das die Teile, die Sie ausrichten möchten, die zusammen in einer Tabelle.

<table id="layout">
    <tr><td>HEADER</td>
    <tr><td>
        <table id="form">
            <tr><td>LABEL</td><td>INPUT FIELD</td></tr>
            <tr><td>LABEL</td><td>INPUT FIELD</td></tr>
            <tr><td>LABEL</td><td>INPUT FIELD</td></tr>
        </table>
    </tr>
    <tr><td>FOOTER</td>
</table>

InformationsquelleAutor aorcsik

0

ich würde erstellen Sie zwei Klassen, left und right und wenden Sie die Links-Klasse zu den <td> auf der linken und der rechten Klasse auf die <td> auf der rechten Seite. der linken-Klasse wäre so etwas wie
```
.left{width:100px; text-align:right;}
```
heres ein Beispiel

InformationsquelleAutor heymrcarter

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.