0 Всего найдено: 30

Mihka Сообщение 15/12/2012 05:31 Копия темы
Независимые по высоте блоки Всем привет, первый раз столкнулся с такой задачей. Нужно сделать чтобы блоки тянулись не зависимо друг от друга по высоте, т.е если в правом блоке больше контента он растягивается и не тянет за собой левый блок и наоборот если в левом больше контента он не тянет за собой правый.
Прилагаю картинку.
Если кто знает решения прошу помочь.

taurus_f Сообщение 15/12/2012 05:35 Копия темы
table или div ?

Mihka Сообщение 15/12/2012 05:39 Копия темы
дивы

taurus_f Сообщение 15/12/2012 05:41 Копия темы
C дивами в голову приходит только... сделать таблицу 2 столбца, одна строка и в ячейки запихнуть дивы

taurus_f Сообщение 15/12/2012 05:49 Копия темы
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div>...</div>
<div>...</div>
</td>
<td>
<div>...</div>
<div>...</div>
</td>
</tr>
</table>

Mihka Сообщение 15/12/2012 05:50 Копия темы
нужно чтобы блоки ни чем не разделялись, наверно такое не возможно сделать...

taurus_f Сообщение 15/12/2012 06:08 Копия темы

modi34 Сообщение 15/12/2012 07:39 Копия темы
честно говоря, задача не совсем понятна) В веб программировании нет ничего невозможного – надо просто к задаче подойти с правильной стороны) Киньте ссылку на вашу страничку (если нужно в личку – что-нибудь придумаем)

JohnRight Сообщение 15/12/2012 08:24 Копия темы
Обычно трудности возникают как раз с реализацией одинаковости блоков, чтобы они вели себя как ячейки таблицы. А, если я правильно понял задачу, то Вы говорите о стандартном поведении блоков. Просто разместите их на странице и они будут тянуться по вертикали независимо.

Mihka Сообщение 15/12/2012 08:36 Копия темы
Нет, вы не поняли.
Вверху вариант что мне предложил Александр Фирсов, т.е блоки в таблице.
Внизу как должно быть, но при этом если я добавляю больше текста во второй блок, то он опускает вниз третий блок.
Надеюсь понятно объяснил :)

modi34 Сообщение 15/12/2012 08:44 Копия темы
пример решения с помощью java

modi34 Сообщение 15/12/2012 09:08 Копия темы
а вот вариант без java
ps с java я погорячился – сонный был)

taurus_f Сообщение 15/12/2012 09:19 Копия темы

zelenin_av Сообщение 15/12/2012 09:40 Копия темы
java?

modi34 Сообщение 15/12/2012 09:43 Копия темы
да, немного неуклюже но...

LinnTroll Сообщение 15/12/2012 09:56 Копия темы
dl.dropbox.com/u/78886431...

modi34 Сообщение 15/12/2012 10:00 Копия темы
ооо все оказалось так просто)

JohnRight Сообщение 15/12/2012 10:11 Копия темы
Объяснили понятно, по сути так и стояла задача в самом начале, и о ней я и писал.
Вы или матчасть учите, или наймите человека, который ее уже знает. Это элементарная задача.
body {
background:#999999 none repeat;
}
.news {
background:#FFFFFF none repeat scroll 0 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 11px;
padding-top: 6px;
padding-right: 0;
padding-bottom: 16px;
padding-left: 13px;
}
.wrapp {
width: 99%;
margin-right: auto;
margin-left: auto;
}
.leftCol {
float: left;
width: 49%;
overflow: hidden;
}
.rightCol {
float: right;
width: 49%;
overflow: hidden;
}

<div class="wrapp">
<div class="leftCol">
<div class="news">

</div>
<div class="news">

Как Вам известно, только 5 – 15% пользователей, установивших Ваше приложение, становятся активными. При использовании традиционных рекламных сетей доход Вы получаете только от них. С MobiDisplay Вы получаете доход от 100% установленных приложений, а не только от их активных пользователей. Вы сами выбираете, кому посылать объявления: неактивным пользователям, активным пользователям или обеим категориям при помощи нашего портала разработчика и программного интерфейса приложения (API).Как Вам известно, только 5 – 15% пользователей, установивших Ваше приложение, становятся активными. При использовании традиционных рекламных сетей доход Вы получаете только от них. С MobiDisplay Вы получаете доход от 100% установленных приложений, а не только от их активных пользователей. Вы сами выбираете, кому посылать объявления: неактивным пользователям, активным пользователям или обеим категориям при помощи нашего портала разработчика и программного интерфейса приложения (API).

</div>
<div class="news">

</div>
</div>
<div class="rightCol">
<div class="news">

</div>
<div class="news">

</div>
</div>
</div>

zelenin_av Сообщение 15/12/2012 10:14 Копия темы
неуклюже javascript называть java, это да.

modi34 Сообщение 15/12/2012 10:15 Копия темы
да ладно) нашли к чему привязаться)

modi34 Сообщение 15/12/2012 10:15 Копия темы
в любом случае согласен – исправлюсь)

Mihka Сообщение 15/12/2012 10:16 Копия темы
хороший примерчик.

Mihka Сообщение 15/12/2012 10:19 Копия темы
В стартпосет забыл указать, что между блоками ни чего не должно быть.
Т.е 4 штуки должны идти друг за другом.

zelenin_av Сообщение 15/12/2012 10:20 Копия темы
да ладно, назвать одно другим – это пипец какой-то. ладно от сторонних людей, но от вас..
да и примеры сверху тоже не работают.

modi34 Сообщение 15/12/2012 10:28 Копия темы
я сегодня не в форме(
пойду просплюсь)

JohnRight Сообщение 15/12/2012 10:33 Копия темы
почему именно так должно быть?

joomlaman Сообщение 15/12/2012 14:00 Копия темы
masonry.desandro.com/

vovikov Сообщение 15/12/2012 16:31 Копия темы
Да это вобще нормально) Я уже на такое не обращаю внимание. Мне даже задают вопрос: "Чем javascript от java отличается". Я отвечаю, что у них только одна схожесть – похожее название)

vovikov Сообщение 15/12/2012 16:38 Копия темы
можно еще использовать display: table; display: table-row; display: table-cell;

Тогда дивы будут отображаться, как таблица – IE8+ однако я полагаю, что это не критично
gs.statcounter.com/#brows...

на территории СНГ ie7 – тоже очень мало)

zelenin_av Сообщение 15/12/2012 17:13 Копия темы
нормально, человеку этим незанимающимся.