Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Центрирование div

Автор: ramzes3 7.2.2008, 19:47

Здравствуйте, есть код

Код


<body>
<div style="text-align :center;" >
          <div style="float:left;width:237px;height:136px;background: url(/images/email_us.gif) no-repeat">fs</div>
          <div style="float:left;width:237px;height:136px;background: url(/images/email_us.gif) no-repeat">fs</div>
      </div>
</body>

Проблема в том, что не выполняется центрирование вложенных блоков. А мне нужно разметить два блока в горизонтальном положении(на одной линии), чтобы они размещались по центру. Причем эти блоки лежат в резиновой колонке. Как решить проблему?

Автор: T1myrKq 7.2.2008, 21:42

Вот так:

Код



  <div style="float:left;width:50%;text-align:right; background:red;">
    <div style="height:136px;width:237px;float:right;background:#CCCCCC;">I&nbsp;</div>  
  </div>
  <div style="float:left;width:49.99%;background:yellow;">
    <div style="float:left;width:237px;height:136px;background:#EEEEEE;">&nbsp;II</div>
  </div>