Jump to content
  • 0

Таблица во всю высоту ячейки


Zverushka
 Share

Question

http://zverushka.zz.mu/oil/

Такая проблема - не могу сделать таблицу в таблице во всю высоту ячейки.

qqqq.png

Как видите граница слева от "показать спецификацию" не достает до конца - то есть таблица зависла посередине со своей высотой не равной 100% высоты...

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

ну смотри, ты хочешь растянуть по высоте контент.

растянуть на 100% высоты можно лишь в том случае, когда родитель имеет заданую физическую высоту. то что у тебя div с diaply:table; совершенно не имеет значения.

 

или менять подход, иди вешать на .table-oil .oil-types фиксированную высоту

Link to comment
Share on other sites

  • 0

Там именно у последней таблички (где в одну строку названия умещаются) - видны эти небольшие зазоры

 

У тебя <th class="caption">AGIP OSO</th> больше по высоте чем <th class="oil-types" colspan="12"> и во второй колонке содержимое центрируется, попробуй паддинги уменьшить для <th class="caption"> увидишь разницу

Link to comment
Share on other sites

  • 0
У тебя AGIP OSO больше по высоте чем  и во второй колонке содержимое центрируется, попробуй паддинги уменьшить для увидишь разницу

ну по сути да - но я ведь не знаю какое будет название - если оно на новую строк перескочит - тогда все поедет(... 

Link to comment
Share on other sites

  • 0

Ага там проблемс в padding caption, я бы их убрал и указал vertical-allign:middle; будет тот же эффект

но мне кажется вам лучше "показать спецификацию" сделать в таблице с "AGIP OSO" а не с "Название

по ГОСТ-у ..."
Edited by Switch74
Link to comment
Share on other sites

  • 0

Дело в том, что тогда этой ячейке придеться проставлять colspan - и в зависимости от данных таблицы может выйти так - что объединные ячейки в итоге будут другой ширины - в общем что ячейки будут разной ширины, потому что их будет контролировать эта ячейка с colspan.

Edited by Zverushka
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy