Fizruke

Один комментарий здесь считается сообщением? достаточно 30 комментариев на форуме?

Сработал какой то стереотип вредный, мол всё дивами делается и таблицы уже не используют практически. Оказалось не всё делается дивами.

Ссылки нет, сайт на стадии вёрстки. Вот пожалуйста http://jsfiddle.net/Fizruke/3pfdejzr/

display:table, table-row, table-cell - по сути тоже самое что таблица, но считается более православным вариантом, для верстки блоков. Без табличной логики я не представляю как это сверстать, не прибегая к жестким извращениям. Попробовал таблицей, всё равно такие косяки вылазиют http://prntscr.com/8nxjlv Нашел решение,да походу только таблицей и vertical-aligh:top;

Может стоит сверстать таблицей? может быть есть ещё варианты? про таблицу я уже тоже подумал.

Если задать фиксированную высоту тогда текст выпадает http://prntscr.com/8nwsth Размер текста будет меняться и по этому основной блок указан с минимальной высотой. Как быть чтобы при увеличении одного дочернего блока увеличивался родительский и остальные дочернии? Спасибо!

http://prntscr.com/8nw92f

http://prntscr.com/8nw92f <div class="korzina_table"> <div class="kor_li_1"> <div class="korzina_img"> <img src="image/s_1.png"/> </div> </div> <div class="kor_li_2"> <p class="nomer_tovara">Плита 1П 18-15-30</p> <table> <tr> <td>Длина,мм:</td><td>1750</td> </tr> <tr> <td>Ширина,мм:</td><td>1500</td> </tr> <tr> <td>Высота:</td><td>160</td> </tr> <tr> <td>Масса,тон:</td><td>1.03</td> </tr> <tr> <td>Объём,куб.м.:</td><td>0.41</td> </tr> <tr> <td>Длина,мм:</td><td>1750</td> </tr> <tr> <td>Ширина,мм:</td><td>1500</td> </tr> <tr> <td>Высота:</td><td>160</td> </tr> <tr> <td>Масса,тон:</td><td>1.03</td> </tr> <tr> <td>Объём,куб.м.:</td><td>0.41</td> </tr> </table> </div> <div class="kor_li_3"> <p class="kol_txt">кол-во</p> <div class="schet_tovar"> <input placeholder="0"/> <div class="plus_minus"> <div></div> <div></div> </div> <span>шт</span> </div> </div> <div class="kor_li_4"> <p class="kol_txt">цена</p> <span class="kol_txt_2">4 500руб</span> </div> <div class="kor_li_5"> <p class="kol_txt">сумма</p> <span class="kol_txt_2">80 000руб</span> </div> <div class="kor_li_6 "> <span class="exit"></span> </div> </div> —————————————————————————- .korzina_table{ font-family: Roboto; margin-bottom: -1px; border-top:1px solid; border-bottom:1px solid; border-color: #D8E0E3; width: 100%; min-height:162px; } — .kor_li_2{ font-family: Roboto; float:left; margin-left: 13px; width:150px; height:100%; } —-- Буду благодарен если кто-то подскажет как лучше добавлять здесь HTML/CSS А то шпарю текстом из редактора.

не кто не посмотрел в общем решение нашлось такое, если кому нужно будет. $('.exit').on('click', function(){ $(this).closest('.korzina_table').remove();

http://www.my-debugbar.com/wiki/IETester/HomePage . Нашел ссылку на ie тестер, может быть пригодится кому не будь.

второй решил при помощи , x:-moz-any-link {...} и вписал :inline-table; всё сработало нормально. там вообще раньше не указанно было свойство display. Первый таким же методом, добавил в родительский блок тега ul float:left; В других браузерах работает нормально.

Не получается проверить вёрстку в ie-9, поделитесь ссылкой на тестер или хороший он лайн ресурс.

Везде отображается нормально но в Мазиле полный крах. http://joxi.ru/l2ZR6d4s9EGP2J и второй крах: http://joxi.ru/V2VLKlbf6KXMrv во втором случаи нормально выглядит так http://joxi.ru/1A5xpgKIeG6Y2E.

<div class="korzina_table"> <div class="kor_li_1"> <div class="korzina_img"> <img src="image/s_1.png"/> </div> </div> <div class="kor_li_2"> <p class="nomer_tovara">Плита 1П 18-15-30</p> <table> <tr> <td>Длина,мм:</td><td>1750</td> </tr> <tr> <td>Ширина,мм:</td><td>1500</td> </tr> <tr> <td>Высота:</td><td>160</td> </tr> <tr> <td>Масса,тон:</td><td>1.03</td> </tr> <tr> <td>Объём,куб.м.:</td><td>0.41</td> </tr> </table> </div> <div class="kor_li_3"> <p class="kol_txt">кол-во</p> <div class="schet_tovar"> <input/> <div class="plus_minus"> <div></div> <div></div> </div> <span>шт</span> </div> </div> <div class="kor_li_4"> <p class="kol_txt">цена</p> <span class="kol_txt_2">4 500руб</span> </div> <div class="kor_li_5"> <p class="kol_txt">сумма</p> <span class="kol_txt_2">80 000руб</span> </div> <div class="kor_li_6 "> <a class="exit" href="#"></a> </div> </div> При нажатии на <a class="exit" href="#"></a> нужно чтобы закрывался блок <div class="korzina_table"> - Это родительский блок и все остальные в нём. Загвостка в том, что блоков с таким классом будет несколько, а закрыться должен только тот в котором кликнули по крестику. картинка выглядит так http://joxi.ru/MAjolNEiexOWre