Hallo

ich steh auf dem Schlauch!
Eine Tabelle wird in FF und IE8 richtig dargestellt, nicht aber in Safari, Google Chrome, Opera.

Letztere verteilen die Zeilenhöhe nicht gleichmässig. Die beiden ersten machen es richtig.

Beispiel : Übersicht Alternatives Wandern - Kanton Glarus

Für jede Idee dankbar!
Gruss
Rico

Hallo,

du musst im CSS deine Bildchen eine Beite oder und Höhe zuweisen.

#modul td img {display : block; margin-left: auto; margin-right: auto; border: none;height:30px;width:30px;}

mfg
paulepulmo

p.s. Warum eine Tabelle zum layouten ?

hi,

teste mal mit line-height

Gruß Roland

hallo

@paulepulmo
die Icons sind unterschiedlich gross und width und height im HTML schon definiert. Das kann es also nicht sein.

@K. Roland
wie kommst du auf : line-height: 37px ? Die Zeilenhöhen bestimmen sich nach dem Inhalt der Zelle.

Gruss
Rico

Hallo,

Das stimmt nicht. Die machen es (bzw. zeigen es) nur grade mal zufällig so an, wie du es dir wünscht. Denn das

ist für dein Tabellenkonstrukt nirgends festgelegt. Entweder richtet sich die Höhe der Tabellezeilen gleichmäßig nach der durch die höhsten Spalte definierten Höhe oder nach dem Inhalt der Zellen.

Beides zusammen kann nicht gehen. Da du den Browsern keine Angaben für die Zellen-/Zeilenhöhe mitgibst, müssen sie sich jeweils für eine der beiden genannten Möglichkeiten entscheiden. Die jeweiligen Programmierer haben sich offensichtlich für unterschiedliche Lösungen entschieden, die aber beide richtig sind, da es dafür keine Vorgaben gibt.

Um in allen Browsern eine möglichst einheitliche Darstellung zu erreichen, musst du also für die notwendigen Höhenangaben sorgen, indem du entweder dem Inhalt der Zellen oder den Zellen / Zeilen selbst eine passende Höhe mit auf den Weg gibst.

Da ich seit über 10 Jahren Tabellen nicht mehr zum Layouten mißbrauche und dies auch nicht bei Anderen unterstützen mag, kann ich dir leider keine konkrete Lösung anbieten, sondern nur das Problem erläutern.

Gruss

MrMurphy

Support beim Tabellenmißbrauch möchte ich ebenfalls nicht geben.

Der Weg zu einer vernünftigen Lösung führt über eine <ul> für die Navigation.
SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Listen

Die Bildchen kommen als zentrierte Hintergrundbilder ins a-Element im Stylesheet.
SELFHTML: Stylesheets / CSS-Eigenschaften / Hintergrundfarben und -bilder

Gruß
manya

Hallo

NUR MAL SO GETESTET!
Chrome und Opera brauchen die Zeilenhöhe um auf deine Höhe zukommen.

Wie schon gesagt wurde warum eine Tabelle zum layouten?

Bin kein Tabellen Experte!
Gruß Roland

Doch, die Angaben im image Tag haben nichts mit der Darstellung zu tun (Grundlagen in HTML wären hilfreich).
Unterschiedliche Icongrößen sind auch nicht so optimal. Ich habe mir mal die Mühe gemacht und es getestet. Es funktioniert. Wenn deine Icons unterschiedliche größen haben, dann reicht eine Angabe. Welche das ist musst du entscheiden.

paulepulmo

@Alle

danke allen für eure Kommentare.
Bemängelt wurde von einigen die Verwendung einer Tabelle. Wir könnten nun des längeren diskutieren, was eine Layout-Tabelle oder eine Datentabelle auszeichnet. Diese Diskussion möchte ich nicht führen.

Ob ich eine Liste oder Divs verwende ist wohl Geschmacksache. Ohne Zweifel ist der Programmieraufwand höher und den Besucher der Webseite interessiert es eine Bohne, wie die Seite realisiert wurde.

Ob eine Div-Suppe zweckmässiger ist als eine Tabelle lasse ich offen. Die Musterseite ist nur eine unter vielen, die noch weit umfangreicher sind.

Gruss
Rico

Aber uns. Und da Du nicht Deine Besucher um Hilfe bittest, sondern uns, wirst Du Dir wohl auch unsere fachliche Meinungen anhören müssen.