Всем привет! Подскажите к расположить 3 дива как 3 столбца? Причем средний должен быть фиксированой ширины, например, 1024 px, а боковые просто растягиваться по ширине к краям экрана.

Эх... С фиксированной не знаю как (Только если с помощью JS вычислять размер окна пользователя и задавать определённые размеры боковым дивам)
А если не фиксировано то:

Таблицей сделать будет просто и кроссбраузерно. Если надо обязательно дивами, то можно глянуть здесь.

style="float:left;"

Так просто не прокатит... достаточно сделать ширину окна браузера меньше ширины центрального блока и все поплывет.

А если в центральный div невидимую картинку 1024*1px засунуть, то картинка и растянет его.

ну так написано же - жестко заданная ширина.


а с картинкой вообще кривой вариант

Написано:

Если просто указать выравнивание при помощи float:left и при этом ширина окна браузера будет большей, чем ширина центрального блока, который с фиксированной шириной, то все будет ок - все 3 блока будут располагаться в одной строке. Если же сузить окно браузера и его ширина станет меньшей, чем ширина фиксированного блока, то все как раз и поплывет.
В итоге получим 2-3 строки (в зависимости от ширины браузера в данный момент). При этом жестко заданная ширина центрального блока останется, т.е., появится полоса прокрутки, если ширина браузера меньше ширины фиксированного блока. Так что одного float:left здесь недостаточно.

ну в твоем примере вообще ширина жестко не указана

можно попробовать параметр max-width