Верстка дивами

12
mff
На сайте с 21.02.2008
Offline
266
mff
862

Как сделать 2 слоя, правый слой с фиксированной шириной: 180px и левый на всю остававшуюсю часть документа?

Пишу так:

<div style="float:left; width:100%;"></div>

<div style="float:left; width:180px;"></div>
не работает.
frantic
На сайте с 09.02.2009
Offline
27
#1

что то тоже не получается. ну сделай здесь шаблон, точно получится. они с отрицательным марджином предлагают

Александр
На сайте с 02.07.2009
Offline
63
#2

А что не работает? если правый падает, то сделай родительский для обоих с overflow:hidden

L9
На сайте с 28.12.2009
Offline
53
#3

Насколько я знаю так не правильно делать:

<div style="float:left; width:100%;"></div>

<div style="float:left; width:180px;"></div>

Оба дива должны быть с относительно величиной, на пример:

<div style="float:left; width:80%;"></div>

<div style="float:left; width:20%;"></div>

Программирую на ASP.NET, MVC, C#, ANGULAR JS
frantic
На сайте с 09.02.2009
Offline
27
#4
levka9:
Насколько я знаю так не правильно делать

ну а если очень хочется 180 пикселей

mff
На сайте с 21.02.2008
Offline
266
mff
#5
1v7:
А что не работает? если правый падает, то сделай родительский для обоих с overflow:hidden

и какую ширину родителю указывать? 100%?

frantic
На сайте с 09.02.2009
Offline
27
#6
mff:
и какую ширину родителю указывать? 100%?

ты посмотрел на сайте который я кинул?

Александр
На сайте с 02.07.2009
Offline
63
#7

тут наверно родительским дивом не отделаешься, еще и отступ надо будет делать для левого блока в 180px. хотел быстро найти решение, не очень получилось. Сделай шаблон на том сайте который frantic предалгает и посмотри что к чему...

web09
На сайте с 11.02.2010
Offline
10
#8

Можно взглянуть на код полностью? И на css тоже

Сбор контента, наполнение магазинов (/ru/forum/460538) Настройка и администрирование Joomla, DLE, WP. Магазинов Webassyst, Opencart, Virtuemart. Форумов. PHP, MYSQL, javascript. Связь - личка или icq 355-557-338
T.R.O.N
На сайте с 18.05.2004
Offline
314
#9
mff:
Как сделать 2 слоя, правый слой с фиксированной шириной: 180px и левый на всю остававшуюсю часть документа?

<div>

<div style="float:left; width:180px;"></div>

<div style="margin-left:180px;"></div>

</div>

mff:
и какую ширину родителю указывать? 100%?

никакой, что за бред...

див всегда имеет полную ширину, если не указанно иное

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
aseran
На сайте с 28.12.2007
Offline
17
#10

Можно воспользоваться методом отрицательных отступов.

<div class="wrapper">

<div class="content">
<p>Контент, колонка тянется</p>
</div>
</div>
<div class="sidebar">
<p>Сайдбар шириной 180px</p>
</div>

для стилей

.wrapper {

float:left;

width:100%;

margin-left:-180px

}

.content {

margin-left:180px;

}

.sidebar {

float:right;

width:180px;

}

Правильная семантичная верстка, недорого (/ru/forum/463185) / Портфолио (http://www.csscoder.ru/portfolio)
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий