Вопрос по верстке блоками DIV!!!!!!!!!!!!!!!!! уже глаза все поломал по инету шариться, помогите люди умные и добрые!!!!

Brovado, 124 просмотра

Допустим есть блок див с минимальной и максимально заданными показателями ширины, в нем еще 6 дивов, как сделать так чтоб эти дивы занимали внутри все доступное пространство равными по ширине частями в зависимости от ширины родительского блока??????
вот пример:
<div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
<div>
</div>
</div>
</div>

Примечание:
вложенные дивы должны быть разными в зависимости от ширины контента и занимать все пространство доступное в родительском блоке

Примечание:
Ну это уже после детального рассмотрения нужного мне вопроса ))

Ответы:

SaintAlex

попробуй для вложенных дивов
<div width="20%>
</div>

Полностью отключает теги.

Может так поможет:
<div style="display: table; width: 100%;" >
<div style="display: table-cell; float: left; min-width: 20%;">
</div>
<div style="display: table-cell; float: left; min-width: 20%;">
</div>
<div style="display: table-cell; float: left; min-width: 20%;">
</div>
<div style="display: table-cell; float: left; min-width: 20%;">
</div>
<div style="display: table-cell; float: left; min-width: 20%;">
</div>
</div>

UPD: обновите jquery, у вас 1.4.2, а буквально сегодня уже вышла 1.8.2 может в ней этот баг пофиксили.http://code.jquery.com/jquery-1.8.2.min.js

Такая задача не решается блоками. Это ведь таблица в чистом виде. Не думайте, что таблицами верстают только херовые верстальщики, а хорошие - только дивами. В вашем случае 3 варианта: считать ширину блоков с помощью js (костыль), воспользоватся уже предложенными советами (по сути, они заключаются в представлении блоков в виде таблицы) или сделать всё таблицей.

13 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.