Hallo Alex,

vielen Dank für Deine Antwort.

Mit anderes Boxmodell meinte ich, dass du dir die umständliche Berechnung der Gesamtbreite (width + border + padding) mit box-sizing: border-box; auch ersparen könntest, denn dort beinhaltet width dann den Rahmen und Innenabstand.

Das muss ich mir noch genau anschauen, Danke für den Tipp.

Hier mal mein Test, den ich gebaut habe (bitte nicht als Musterbeispiel ansehen, sondern nur als Anregung).

<div style="margin: 0; padding: 0; max-width: 100%; width: 998px; background-color: green">

  <img src="linkspfeil.gif" style="margin: 0; padding: 0; max-width:5%; height: auto;" />  
  <img src="hauptbild.jpg" style="margin: 0; padding: 0; max-width:90%; width: 1000px; height: auto;" />  
  <img src="rechtspfeil.gif" style="margin: 0; padding: 0; max-width:5%; height: auto;" />  

</div>

  
Super, genau das funktioniert sehr gut.  
<http://www.l-seifert.de/bautzen/Bautzener-Dom.html>  
Ich kann damit sogar die Pfeilgrafiken etwas weniger verkleinern lassen, was sehr praktisch ist. Manchmal hat man ein Brett vor dem Kopf und sieht eine Lösung einfach nicht. Da die 3 Grafiken mit nur einer Zeile PHP eingelesen werden, muss ich auch die Bildereigenschaften auslesen und dann mit einer Variablen den richtigen style zuordnen. Das klappt. Das große Bild kann verschiedene Abmessungen haben. Die Größe lese ich nun mittels PHP aus und füge die ein bei  
`style="max-width:90%; height: auto; width:<?php echo "$breite";?>;" />`{:.language-css}  
Nun kann ich mit dem Umbau meiner Seiten loslegen.  
  
Nur noch eine Frage hätte ich. Das div Element verschiebt sich beim Verkleinern des Browserfensters vom Header weg nach unten.  
Dabei habe ich es so positioniert: `margin:0 auto;padding:0;top:0px`{:.language-css}  
Was kann ich da ändern?  
  
Dankeschön, viele Grüße und noch schöne Herbsttage wünscht Lothar