2 sloupce

Tak tedy mám nasledující problém:

obalový DIV dané šířky
levý sloupec neznámé šířky (je v něm obrázek) | pravý sloupec neznámé šířky (tak aby doplnil šířku obalového DIVU)
konec obalového DIVu

oba sloupce mají nastavený float:left, díky čemuž pravý sloupec neukončí obtékání hned na konci obrázku ale je i nadále odsazen

problém je, že ve FF a Opeře při dlouhém textu skočí pravý sloupec pod levý

poradíte někdo? díky

CSS:



#content {

	width: 600px;

}



#image {

	float: left;

	padding-right: 20px;

}



#text { 

	float: left; 

}





HTML:



<div id="content">

	<div id="image">

		<img src="" />

	</div>

	<div id="text">

		textový sloupec

	</div>

</div>

2 peta:
na co clear? čistit obtékání bych musel až za contentem

margin - a jaký ho nastavit když neznám šířku levého sloupce (ta se určí až podle vloženého obrázku do DIVu image - tenhle zdroják je pro šablonu a obrázek může být pokaždé jiný).

šířka floatovaného bloku - tu právě neznám tudíž ji nemůžu uvést...

a jelikož neznám rozměry tak bude mít asi pravdu Plaváček ... kterému děkuji za článek

nakonec jsem to vyřešil tabulkou, přestože to není úplně sémanticky správné, neb do tabulky nevkládám tabulková data :-( ale někdy účel světí prostředky

Ale já tu šířku obrázku nemůžu zadat do CSS - ano do html se vloží - tam jí vygeneruje PHP, ale do CSS ne!

margin, clear,inline-block, position:relative - absolutně nechápu na co by v tom příkladu byly -

margin - ano možná tak odsadit pravý blok, ale nelezl pod levý, ale nevím o kolik neboť předem neznám šířku obrázku
clear - viz výše, dle mě není potřeba
inline-block - nechápu k čemu
position:relative - ?? tak to taky nevím k čemu

kdybys třeba naznačil tak se od něčeho odpíchnu, ale jen vychrlit hesla a neporadit - to je pak těžké

2 habendorf:
snad to lépe vyplyne z obrázku:

Řešení bez skriptů a tabulek, pouze v čistém css EXISTUJE! Funkční v IE, FF i Opeře

a bylo by možné ho blíže popsat? Byl bych vám za to velmi vděčný. Na výše uvedené adrese je příklad využívající skriptování.
Ještě jen upřesním zadání - v levém DIVu může být pod obrázkem i krátký popisek, proto nelze float nastavit jen obrázku.

Každopádně díky - rozhodně jste mi pomohl víc než peta.

PS:
Vkládat phpkem se mi šířky nechce, neboť se jedná o šablonu pro smarty a musel bych uhánět programátora, aby mi pro smarty udělal proměnné atd.