sířka prvku přidělovaná v závislosti na rozlišení obrazovky

mám takový problém, do existujících stránek bych potřeboval do středového (obsahového) panelu umístit několik divů s obrázky a popisky, které se obtékají a vedle sebe se jich zobrazuje právě tolik, jak velká je šířka okna.
při šířce 1024*768 se jich vedle sebe vleze 4 a víc, ale při 800*600 už jenom dva a pak je vedle nich podlouhlá prázdná mezera protože tam do toho, aby se tam vlezl ještě ten třetí div nějaký pixel chybí.
Kdybych zmenšil velikost obtékaných divů tak aby se tam ten třetí při 800*600 ještě vlezl bude to zas na prd při vyšších rozlišeních, protože se to stává nepřehledné, -ale při 800*600 by ta menší šířka nevadila.

Takže dal by se napsat skript , aby se při rozlišení (ne šířce okna) monitoru 800*600 přiřadila šířka tomu divu jiná než je definovaná v CSS?
JavaScript je pro mě španělská vesnice, zkoušel jsem něco jako:
if (screen.height == 600 && screen.width == 800) {
document.getElementById("obal").style.width = "100";
}
ale samozřejmě vedle jak ta jedle.
Jo, mělo by to fungovat ve všech majoritních prohlížečech.
Díky