Показать сообщение отдельно
  #1 (permalink)  
Старый 12.05.2011, 14:03
Интересующийся
Отправить личное сообщение для София Посмотреть профиль Найти все сообщения от София
 
Регистрация: 17.04.2011
Сообщений: 12

Размещение 2 блоков по центру
Здравствуйте.
Задача следующая: есть 2 дива и их надо разместить симметрично по отношению друг к другу (как бы по центру).
Не могу доходчиво объяснить, так что привожу код.
Слева у меня див с меню, остальное - див с контентом. В этом диве уже я размещаю 2 блока.
<html>
<head>
</head>
<body>
<div id="menu" style="width:240px">
</div>
<div id="content" style="margin-left:241px">
<div id="col">
<img src="..." width="240px" style="float:left">
</div>
<div id="jew">
<img src="..." width="240px">
</div>
</div>
</body>
</html>

Насколько я поняла, в пхп нет возможности узнать ширину окна браузера, а только в JavaScript.
Добавляю после отображения дивов такой код
<script language="javascript">
/*определяю размер отступа*/
var width=Math.round((document.documentElement.clientW idth-240-240*2)/3);
document.getElementById('col').style.paddingLeft=w idth;
document.getElementById('jew').style.paddingLeft=w idth;
</script>

Отступов нет.

Возможно как-то можно через css сделать типа блок контента ширина 100%, а эти 2 блока по 50% и выровнять рисунок по центру. Но как тогда определить для блока контента, что он 100%?
Ответить с цитированием