Andi Macht: 3 Bilder in Frame mittig machen..

Beitrag lesen

Hi!

Ich habe mir vorgenommen, meine Page mit Frames zu gestalten.
Sie besteht aus drei Frames, oben (Logo), links (nav) und rechts (main).

Nun möchte ich drei Bilder (Ein Logo und zwei Wappen) im oberen Frame darstellen. In der mitte soll das Logo stehen, und links und rechts davon das Wappen.

Die drei Grafiken befinden sich in einer Tabelle, jeweils in einer eigenen Zelle. Die Tabelle soll dynamisch sich der Größe des Frames anpassen.

Hier der Quelltext:

<table style="table-layout: fixed;">
 <tr>
  <td align="center" height="100%" width="20%"><img style="width: 100%; height: 100%;" src="bilder/wappen.jpg" alt="bla"></td>
  <td align="center" height="100%" width="60%"><img style="width: 100%; height: 100%;" src="bilder/logo.jpg" alt="bla"></td>
  <td align="center" height="100%" width="20%"><img style="width: 100%; height: 100%;" src="bilder/wappen.jpg" alt="bla"></td>
 </tr>
</table>

Ich kann es nicht genau erklären, aber die Tabelle soll in der Höhe und der Breite genau so hoch und breit wie der frame sein. Dementsprechend sollen sich auch die Zellen skalieren (und die Grafiken wieder an die Zellengrößen richten).

doch leider klappt das nciht ganz. Die Breite der Tabelle ist immer genau die breite des Frames (ist auch richtig), jedoch wird sie teilweise größer als die Framehöhe (anscheinend "drücken" die Grafiken die Zellen größer)! Somit werden die bilder auch größer als der Frame angezeigt. Folge: Sie werden nur zur hälfte dargestellt..

Ich bin für jede Hilfe von euch dankbar..

Gruß

Andi