container dynamisch an den inhalt anpassen

[netdirk]

ich arbeite zur zeit daran eine webseite anzupassen. dabei sollen alle bilder in div-containern angezeigt werden. die bilder sind unterschiedlich gross.
das ist das problem. ich glaube, ich müßte wohl 30 div-container konfigurieren um alle bildgrössen einigermaßen abzudecken. darum meine frage:

gibt es eine möglichkeit den container an ein bild anzupassen?
ihn also flexibel zu machen?

als beispiel:
ein bild ist 100px breit - nun wird auch der contanier der das bild umgibt mit einer breite von 100px eingeblendet. ein anderes bild ist 200px breit - der container paßt sich an und wird mit einer breite von 200px angezeigt.

[xabbuh]

Gib dem div doch einfach keine Breitenangaben mit:

<div>
  <img src="./foo.gif" alt="alttext" style="width:100px;height:20px;" />
</div>

[|Coding]

Zitat von xabbuh

Gib dem div doch einfach keine Breitenangaben mit:

<div>
  <img src="./foo.gif" alt="alttext" style="width:100px;height:20px;"/>
</div>

:-)

<div>
  <img src="./foo.gif" alt="alttext" style="height:20px;" />
</div>

[xabbuh]

Irgendwie versteh ich nicht ganz, was du damit sagen möchtest. :-)

[netdirk]

das war auch eine idee von mir.
das funktioniert zwar im ie aber nicht in allen anderen browsern, die weisen einem container ohne width-angabe automatisch 100% breite zu. so das mir dadurch die möglichkeit verlorengeht den container nach rechts oder links auszurichten.

[xabbuh]

Hast du mal einen Link zu der Seite, wo du es so ausprobiert hast?

[netdirk]

ja hier ist er:
http://www.hydrotip.de/friends/test2.html

extra für dich hochgestellt :)

dort findest du auch einen lösungsansatz von daniel. ist ein user aus einem anderen forum und meine lösung mit dem tabellen.

bei daniels lösungansatz gibt es noch folgende probleme:
probleme hat er jetzt bei der margin-angabe, die stellt er überhaupt nicht dar. kein abstand wird angezeigt.
beim aufruf der klasse bildboxumbruch skaliert er den gesamten container über die volle breite der seite. sprich er legt den container sogar noch unter die container von bildboxlinks. das macht er bei allen von mir getesteten borwsern (ie, mozilla, firefox, opera).

[xabbuh]

So ganz sehe ich da aber nicht dein Problem.

Außerdem würde ich mir mal das Result deiner Seite im Validator anschauen: http://validator.w3.org/check?uri=ht...s%2Ftest2.html
Manchmal werden Probleme auch dadurch gelöst, dass der Quellcode valide ist.

[netdirk]

nun was erreicht werden soll ist eine reine css-lösung.
meine lösung mit den tabellen ist ja ein mischmasch aus html und css.
daniels lösungsansatz geht in die richtige richtung ist aber noch nicht so gut wie die tabellenlösung. die problem haben ich im biotrag weiter oben beschrieben.

mit welchen browsern hast du die seite getestet?
ich frage, weil du sagtst du siehst kein problem.

[xabbuh]

Versuch es doch mal so, wie ich es dir oben weiter geschrieben hatte und verlinke diese Seite, falls es damit nicht funktioniert. Ich kann mir nicht vorstellen, dass div-Elemente standardmäßig auf 100% gebracht werden.