Tim Tepaße: display:block-Anzeige bei XHTML 1.0 strict

Beitrag lesen

Hallo Rossi,

==> http://www.blutspur.net/test/hilfe/test1.html

Wau. Eine wunderschöne Beschreibung für potentielle Antworter.

Du definierst den Link als Blockelement und gibst ihm eine feste Größe.
Diese Größe bezieht sich jedoch auf den Inhaltsbereich des Elementes,
nicht auf das gesamte Element. Fügst Du nun ein Padding auf der linken
Seite hinzu, dann vergrößert sich die gesamte Breite des Elementes:

.-----------------------------------.
  |              |                    |
  | padding-left |         width      |
  |              |                    |
  .-----------------------------------.

Die gesamte Breite ergibt sich also aus:

padding-left + width + padding-right

Und auf den Bereichen von padding und width wird nun das Hintergrundbild
angewandt. Da die gesamte Breite aber breiter ist, als die 159 Pixel Deines
Hintergrundbildes, wird das Bild gekachelt, das heißt wiederholt.

Eine Lösungsmöglichkeit wäre nun, das Kacheln mit background-repeat
abzustellen. Dabei hast Du dann aber immer noch einen festen Restbereich
vom Inhaltsbereich (width) am Ende. Die andere ist es, die Breite des
Inhaltsbereiches einfach dementsprechend anzupassen, zum Beispiel indem
Du Deine Angabe für padding-left davon subtrahierst. Ich weiß aber nicht,
ob das mit den von Dir gewünschten möglichen Inhalten (Dem Linktext)
zusammenspielt.

Tim