div variabler breite

Status
Nicht offen für weitere Antworten.

Snodri

Mitglied
Hallo,
warum wird einem nur immer wieder Steine in den Weg gelegt ...

In einer Vorlage wird in einem <div> wird ein Bild eingebettet. Aus einer DB werden verschiedene Bilder eingebettet (wenn vorhanden !). Die Breite/Höhe des Bildes ist unterschiedlich. Des weiteren befindet sich in einem <p></p> nur Text oder Text zum Bild.

Lösungsansatz
<div id="A" width="X" height="Y"> <img> </div> <p> Text </p>
In einem php-script wird das Bild aus der DB ausgelesen und width/height mit getimagesize ausgelesen und in den <div> eingetragen. In der "id" steht sonst nur float links/rechts.

Problem: IE & FF übernehmen nicht die Werte width/height sondern scaliert den <div> auf width=100%. Dadurch ist der Text (der neben dem Bild Platz hätte) nach unten verschoben. Eine width/height-Angabe in der "id" ist aber durch die unterschiedlichen Grösse der Bilder nicht möglich. Width/height-Angabe in der "id" wird übernommen. PS. Mit Opera korrekte Anzeige.

Frage:
Wie bekomme ich grundsätzlich Bild/Text auf eine Höhe. Problem: manche Texte haben kein Bild. Hat jemand eine Idee / Lösungsansatz ?
Kann man irgendwie das style-Attribut variabel gestalten ?

Servus und Danke schon im Voraus.
 
Wenn das div-Element mit float aus dem normalen Textfluss genommen wird, ist eine Deklaration der Dimensionen garnicht nötig, da es sich automatisch dem Inhalt – in deinem Fall das Grafik-Element – anpasst.
 
Status
Nicht offen für weitere Antworten.
Zurück