Thread: XHTML 1.1 fügt Zellenabstand ein?

Seite 1 von 3

29.01.2010 15:13 Uhr

Flamefire

Status: offline

Habe ein Design, was in XHTML 1.0 Funktioniert.

Wenn ich es aber auf XHTML 1.1 umschreibe (doctype) dann verzerrt der es.
Es scheint, als würde der in den Zellen noch Abstände haben. Die lassen sich weder mit padding, noch mit margin auf 0px beseitigen.
(s.Anhang, einmal normal, einmal mit Abstand)

Hat da jemand eine Lösung?

PHP:

<table cellpadding="0" cellspacing="0" style="width:164px; margin:auto">
              <tr>
                  <td style="width:62px; height:24px;"><input type="image" name="Submit" value="Submit" src="Bilder/design_39.jpg" alt="" style="border:none; width:62px; height:24px;" id="Submit" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Submit','','Bilder/hover_39.jpg',1)" /></td>
                  <td><img src="./Bilder/Abstandhalter.gif" style="width:9px; " alt="" /></td>
                  <td style="width:93px; height:24px;"><a href="index.php?site=lostpassword" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btPW','','Bilder/hover_47.jpg',1)"><img id="btPW" src="Bilder/slices_47.jpg" style="width:93px; height: 24px;" alt="" /></a></td>
                </tr>
            <tr>
                  <td colspan="3" style="width:164px; height:8px;"><img src="Bilder/design_43.jpg" style="width:164px; height: 8px;" alt="" /></td>
            </tr>
            <tr>
                  <td colspan="3"><img src="./Bilder/Abstandhalter.gif" style="width:20px; height: 21px;" alt="" /><a href="index.php?site=register" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btRegister','','Bilder/hover_45.jpg',1)"><img  id="btRegister" src="Bilder/design_45.jpg" style="width:124px; height: 21px;" alt="" /></a><img src="./Bilder/Abstandhalter.gif" style="width:20px; height: 21px;" alt="" /></td>
            </tr>
            <tr>
                  <td colspan="3" style="width:164px"><img src="Bilder/design_47.jpg" style="width:164px; height: 47px;" alt="" /></td>
            </tr>
          </table>

2 Dateien angehängt

1 mal bearbeitet

___________________________
Mit dem Computer kann man alle Fehler beheben, die man ohne ihn gar nicht hätte!

29.01.2010 15:55 Uhr

BPhoenix

Status: offline

Code?

29.01.2010 16:09 Uhr

Flamefire

Status: offline

Sry. vergessen ;-)

___________________________
Mit dem Computer kann man alle Fehler beheben, die man ohne ihn gar nicht hätte!

29.01.2010 17:54 Uhr

schafholt

Status: offline

Schau mal hier nach ob du noch mehr HTML-Attribute durch CSS ersetzen kannst.

Und gib uns am besten mal die gesamte Datei (am besten Link).

___________________________
<-- Boah sieht das Bild scheiße aus :D
nicht klicken (auch wundertuete nicht)
Zum Glück sind meine privaten Seiten nicht professionell - sonst müssten sie im IE laufen.

29.01.2010 18:51 Uhr

Flamefire

Status: offline

Aufgefallen ist es mir beim Designen von der hier: hier
Hab am Ende aber doch nicht XHTML 1.1 benutzt, da sonst der IFrame nicht funktioniert (Eine vollständige Alternative gibt as AFAIK noch nicht bzw wird nicht von allen wichtigen Browsern unterstützt)

___________________________
Mit dem Computer kann man alle Fehler beheben, die man ohne ihn gar nicht hätte!

29.01.2010 18:56 Uhr

phantom230186

Status: offline

Zitat:
Hab am Ende aber doch nicht XHTML 1.1 benutzt, da sonst der IFrame nicht funktioniert (Eine vollständige Alternative gibt as AFAIK noch nicht bzw wird nicht von allen wichtigen Browsern unterstützt)

iframe vs div
Ich weiss ja nicht genau wofür du ein iframe Element brauchst aber normalerweise tuts das auch mit div :wink:

___________________________
"All input is evil, until proven otherwise" Michael Howard

29.01.2010 19:38 Uhr

HangMan

Status: offline

Zitat:
Ich weiss ja nicht genau wofür du ein iframe Element brauchst aber normalerweise tuts das auch mit div

Dann versuch mal ohne Javascript mit einem Div eine andere Webseite in deiner einzubetten :wink:

Zu dem XHTML1.1-Problem: Weder das Bild noch der Codeschnipsel bringen etwas bei der Fehlersuche. Ausnahmsweise wäre hier mal ein vollständiges XHTML-Dokument (um den nicht notwendigen Schnick-Schnack reduziert) ganz brauchbar.

1) Mit welchem Browser hast du das getestet?
2) schon mal überlegt, dass das Problem nicht unbedingt an der Tabelle liegen muss, sondern vielleicht auch an den vielen Bildern und Links, die du in einer Zelle verpackst?
3) Ohne da jetzt deine Bilder zu haben, hab ich das Ganze mal in ein XHTML1.1-Dokument verpackt. Bei mir sind keine Ränder zu sehen
4) Wieso designst du das Login-Formular mit einer Tabelle? Und weshalb benutzt du Javascript für einen einfachen Hover-Effekt? Das geht mit CSS sehr viel eleganter und ist dazu noch kompatibel mit Browsern, die kein Javascript aktiviert haben.

___________________________
Fatal Error: Uncaught exception 'UnexpectedValueException' with message 'No Signature' in /cybton/src/index.php:38274
#0 /cybton/src/profile.php(2843): Profile->showSignature()
#1 /cybton/src/forum.php(2843): Thread->showPost() #2 {main}

29.01.2010 21:28 Uhr

Xaron

Programmierer

Status: offline

Warum wollt ihr alle eigenltich XHTML valide Seiten schreiben? XHTML ist tod, die Spezifikation von XHTML2 wurde zugunten von HTML5 eingestellt. Und es ist unwahrscheinlich, dass XHTML wieder weiterentwickelt wird.
Ich waere an eurer Stelle zufrieden, wenn es HTML4 (und HTML5) valide ist. Die Browser sollten solche Seiten korrekt rendern und XHTML bringt keinerlei Vorteil.

29.01.2010 21:32 Uhr

Flamefire

Status: offline

@IFrame: Es geht wirklich darum, eine andere Webseite in diese einzubetten (Serverviewer)
Dürfte selbst mit JS nicht gehn, oder doch? Wie?

@Problem: Ich hab mal eine minimale Seite erstellt, die das ganze reproduziert: TEST
Zum Zeigen habe ich mal Rahmen mit angezeigt. Man sieht: Die Grafik ist kleiner als die Zelle, und mehr ist da nicht drin.

1) Getestet mit FF 3.5.7; IE8 -->Fehler; Die IE-Emulation vom FF stellt es aber korrekt dar.
2) Alle (überflüssigen) Bilder sind entfernt-->Problem immer noch
3) Ich glaube das ganze wird durch die Test-Seite deutlicher.
4) Warum keine Tabelle? Tabellen sind schön flexibel. Ich kann da jede Zelle beliebig ausrichten usw. Ist aber eh Geschmackssache.
Welche Variante des Hover meinst du mit CSS? Ich kannte es bisher nicht mit Bildern. Hab gerade das gefunden. Meinst du das? Oder was andres?

EDIT: Mir ist gerade was aufgefallen: Wenn ich font-size auf einen kleinen Wert stelle, funktioniert es. Ist aber nicht ganz das was ich am Ende will. Dann müsste ich das nämlich für alle sonst conten-losen Zellen manuell machen. Oder gibts da was besseres?

1 mal bearbeitet

___________________________
Mit dem Computer kann man alle Fehler beheben, die man ohne ihn gar nicht hätte!

29.01.2010 22:33 Uhr

HangMan

Status: offline

Das Dokument ist aber mal gar nicht valide. Zuerst solltest du das mal durch einen Validator jagen und sämtliche Fehler beseitigen. Wird zwar erst mal nicht viel an der Darstellung ändern, aber wenigstens ist das Dokument dann valide ;-)

@Xaron: HTML5 ist im Gegensatz zu XHTML1.0 und 1.1 nur ein Working-Draft. Und versuch mal XSLT oder XPATH auf HTML4 anzuwenden. Genauso kannst du dort kein MathML oder SVG einbetten.

1 mal bearbeitet

Seite 1 von 3

Ähnliche Threads	Forum	Ähnlichkeitsgrad
MySQL: 2 Datensätze auslesen, zwischen denen 1 bestimmter Wert ist	Website & Webprogrammierung	1
[gelöst] anzeigefehler oder programmierfehler?	Website & Webprogrammierung	1
Treemenu mit MySQL generieren	Website & Webprogrammierung	1
CSS Menü (mit <ul>) wird nicht richtig im Internet Explorer angezeigt	Website & Webprogrammierung	1
[gelöst] Problem mit CSS (Div Elemente)	Website & Webprogrammierung	1
Verschiedene Probleme mit PHP, SQL und HTML	Website & Webprogrammierung	1
Ganze Spalte einer Tabelle formatieren	Website & Webprogrammierung	1