Darstellung von Links in unterschiedlichen Browsern

[Gunnar Bittersmann]

den Kommentar:

Na, Robert, was denkst du, welche Browser es richtig machen? (Kleiner Tip: Richtig muss nicht wie gewünscht bdeuten.)" empfinde ich als ein klein wenig süffisant!

Nein, Robert, der sollte nicht zum Alkoholkonsum anregen, sondern zum Nachdenken. ;-)

Wie ich das über die display-Eigenschaft einstelle, ist mir auch durch Nachgucken in Selfhtml nicht plausibel geworden.

Ja, bei der Beschreibung von http://de.selfhtml.org/css/eigenschaften/positionierung.htm#width@title=width in SELFHTML steht das wirklich nicht mit dabei.

Deutlich wird es in der CSS2-Spezifikation, 10.2 Inhaltsbreite : die 'width'-Eigenschaft
„Angewendet auf: Alle Elemente, außer auf nicht-ersetzte Inline-Elemente, Tabellenzeilen und Zeilengruppen“

Der Defaultwert für den Elementtyp a ist nicht-ersetztes Inline-Element, deshalb wirkt sich eine width-Angabe nicht aus (außer im IE, der das falsch implementiert hat).

Du musst also dafür sorgen, dass die entsprechenden a-Elemente keine nicht-ersetzten Inline-Elemente sind, sondern Blockelemente. Das erreichst du mit der Eigenschaft http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display.

Die Tabelle habe ich deshalb genommen, damit die Links schön untereinander bleiben, was sie weder durch <p>, durch Zeilenumbrüche noch durch margin-bottom:15px in der css-Datei machen.

Die bleiben auch schön untereinander, wenn du die Link-_Liste_ als solche auszeichnest:

<ul id="#navi">  
  <li><a class=kasten href="start.html" target="inhalt" title="Unsere Startseite">Start</a></li>  
  <li><a class= kasten href="elternarbeit.html" target="inhalt" title="Infos zur Elternarbeit der Realschule">Elternarbeit</a></li>  
  <li><a class= kasten href="schulprogramm.html" target="inhalt" title="Informationen zum Programm der Realschule">Schulprogramm</a></li>  
</ul>

Die Bullets und linken Abstände bekommst du mit CSS weg (http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_type@title=list-style-type, http://de.selfhtml.org/css/eigenschaften/randabstand.htm#margin_left@title=margin-left und http://de.selfhtml.org/css/eigenschaften/innenabstand.htm#padding_left@title=padding-left).

Die Verwendung des target-Attributs deutet auf Frames hin. Du weißt, dass Frames out sind?

Live long and prosper,
Gunnar