Problem mit Positionierung der DIV's

[MrSpoocy]

Hi,

Ich hab echt alles versucht aber bekomme nicht das gewünschte ergebniss hin.
Hab float: left / right versucht etc.

Vieleicht weis einer wie man folgendes mit Div bauen kann. (Habe nin bild gemacht ums zu verdeutlichen.

ein ansatz war:

<div style="border: 1px solid #CFCFCF; width: auto;">  
	<div style="float: left; width: auto;">  
		<div>Hier soll A sein.</div>  
		<div>Hier soll B sein.</div>  
	</div>  
	<div style="float: right;width: 75px; height: 150px"><img src="image.png" width="75" height="150" style="display: block;" alt="" /></div>  
	<div style="clear: both;"></div>  
</div>

mfg Spoocy

[Rolf]

Hi,

auch, wenn ich hier erschlagen werde: Mach dein Layout mit einer Tabelle.

Ein Bereich, der immer unten links ist, kann eigentlich nur mit einem <td valign=bottom> erreicht werden.

Man könnte noch mit CSS position:absolute; bottom:0 arbeiten, aber dann gibt es Überlappungen, falls die Seite nicht hoch genug ist und der obere Bereich dort hineinragt.

Rolf

[ChrisB]

Hi,

Vieleicht weis einer wie man folgendes mit Div bauen kann.

Auf jeden Fall mit weniger DIVs (und dafür ggf. mit Elementen, welche die jeweiligen Inhalte besser strukturieren).

Der Bereich B soll also immer an der unteren Kante des Containers anliegen, und ggf. freien Platz zwischen sich und dem vorhergehenden Bereich A lassen.

Dazu bietet CSS derzeit keine direkte Möglichkeit.
Es ist aber eine Variante des klassischen Footer-Problems, also kannst du Lösungsansätze* von dort übernehmen.
Allerdings hast du damit auch die gleichen Probleme, wenn nicht die Höhe von mindestens einem der beiden Bereiche A oder B bekannt ist.

* http://www.alistapart.com/articles/footers/
  http://aktuell.de.selfhtml.org/artikel/css/footer/

MfG ChrisB