Normalerweise sollte das ganze linksbündig sein, wie in jeder anderen Tabelle auch (übrigens auch in jedem anderen Browser, auch zB am Desktop: http://einsiedler98.bplaced.net/m/fotoalbum/ ).
Der Puffer dient eigentlich einem gleichmäßigem Abstand, ist momentan mit display:none aber außer Funktion, am Desktop jedoch eigentlich voll funktionsfähig.
Was ist hier bitte falsch??
Du hättest das Problem gar nicht, wenn du nicht mit Tabellen arbeiten würdest. Die haben an der Stelle nichts zu suchen.
Wenn du es aber tust, musst du es wenigstens richtig machen. der tag ist nur innerhalb einer gültiges html, nicht in . Die Breitenangaben kannst du den 's der ersten Zeile geben, wenn du keine 's hast. Dabei musst du aber auch darauf achten, dass die Gesamtbreite 100% nicht überschreitet. Bei dir tut sie das. 98%+2% +60px sind 100% + 60px. Lösen kannst du sowas zum Beispiel mit css calc().
Wenn das überhaupt irgendwo ordentlich aussieht, dann nur weil die meisten Browser heutzutage eine hohe Fehlertoleranz haben und falsche Angaben ignorieren bzw. fehlende zu ersetzen versuchen. Der Safari macht das in der Regel weniger gut als die anderen Browser.
Danke pax,
die colgroup-Tags habe ich ja tatsächlich vergessen. Diese alleine mit gescheiten Breitenangaben in Prozent erzielten aber leider immer noch keine Besserung.
Ich habe die Breiten jetzt über CSS mit den Selektoren td:first-child, td:nth-child(2) und td:last-child und mit CSS calc eingegeben und die entfernt und nun funktioniert es.
