[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как разделить страницу на два блока
cyberx
Я хочу разделить страницу на два блока, на левую и правую сторону так чтоб они были разделены на пополам. Ну на пример есть

<div id='left'>
Тут будет выводиться инфо
</div>
<div
id='right'>
Тут будет выводиться инфо
</div>


А теперь как сделать css код так чтоб эти два блока делили страницу на левую и правую сторону, хорошо бы в процентах, чтоб во всех browser одинаково было?



Спустя 3 минуты, 39 секунд (4.01.2010 - 14:23) Gabriel написал(а):

#left
{
width: 50%;
float: left;
}

#right
{
width: 50%;
float: right;
}

кажется так.

Спустя 7 минут, 34 секунды (4.01.2010 - 14:31) Soldier Ghost написал(а):
ещё вроде так можно

#left
{
width: 50%;
float: left;
}

#right
{
width: 50%;
float: left;
}

Спустя 1 минута, 39 секунд (4.01.2010 - 14:32) VolCh написал(а):
А еще так
#right
{
width: 50%;
float: right;
}
#left
{
width: 50%;
float: right;
}

biggrin.gif

Спустя 3 минуты, 20 секунд (4.01.2010 - 14:36) Gabriel написал(а):
Soldier Ghost
VolCh
laugh.gif кто у кого скопипастал? laugh.gif
и вообще
тырц
правда код бесит чистить

Спустя 1 час, 15 минут, 24 секунды (4.01.2010 - 15:51) cyberx написал(а):
Большое спасибо за инфо! Может кто знает как закруглить углы таблички? Я видел эту тему и оставил там сообщение, но не ответили. вот код который работает кроме эксплорера :
.table {
border:1px solid #CCCCCC;
width:130px;
margin-left:10px;
margin-right:0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; width:220px; height:50px;}


Может кто знает что надо добавить чтоб он и в explorer работал? Я много вопросов видел связанной с этой темой, хорошо бы ее решить и чтоб другие не мучались, чтоб зря не создавали темы

Спустя 2 часа, 7 минут, 36 секунд (4.01.2010 - 17:59) Gabriel написал(а):
первое попавшееся из гугла
адын
дыва
тыры
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.