Вот возник такой вопрос, как сделать правильно такую раскладку:
есть 3 колонки по 33% допустим, в каждой из них есть блок:
- картинка большая
- под картинкой ссылка с маленькой картинкой
(см. пристёгнутый файл схемы)
Мне нужно, чтобы при любом изменении окна браузеора блок с картинкой и текстом под ней(см. в приложении красным бордюром обведен блок) был всегда по центру! А текст с картинкой прибит всегда к левому краяю картинки.
Т.е. если картинка 260px, то всё, что располагается под картинкой тоже шириной 260px и не выходит за гарницы картинки.
Предположим, что размеры Большой картинки фиксированные(думаю, что так проще будет) - 260px
колонки:
мал.картинку-лого слева от текста я думаю можно задать в тэге <a>Код:<div id="middlecontent">
****<div id="mcleft">
*[img]img/pict1.jpg[/img]
*
[Only registered and activated users can see links. Click Here To Register...]</p>
****</div>
****<div id="mccenter">
*[img]img/pict1.jpg[/img]
*
[Only registered and activated users can see links. Click Here To Register...]</p>
****</div>
****<div id="mcright">
*[img]img/pict1.jpg[/img]
*
[Only registered and activated users can see links. Click Here To Register...]</p>
****</div>
</div>
сcs:
#middlecontent {width: 100%; overflow: hidden;}
#mcleft, #mccenter {width: 33%; float: left;}
* html #mccenter {margin-right: -1px;}
#mcright {width: 34%; *float: right;}
Подскажите, как же сделать эти блоки точно по центру колонки, каждый блок с картинкой по центру своей колонки!!!! (между колонками есть отступы...примерно по 20px)
