Форум на Kuban.ru (http://forums.kuban.ru/)
-   Веб-дизайн и программирование (http://forums.kuban.ru/f1030/)
-   -   Нужен совет по верстке (http://forums.kuban.ru/f1030/nuzhen_sovet_po_verstke-6722880.html)

buh 15.04.2015 13:59
Нужен совет по верстке
 
Вот такой код:

[url]http://cssdeck.com/labs/hxxzhhau[/url]


<!DOCTYPE HTML>
<head>
<meta charset='UTF-8'>
</head>


<body>

<div style='max-width: 800px; width: 100%; margin: 50px auto;'>

<table style='border: 1px solid black; width: 100%;'>
<col><col style='width: 300px;'>
<tr>
<td style='border: 1px solid black;'>
<div style='width: 100%; border: 2px solid green; margin: 0px; padding: 0px;'>
<div style='width: 100%; border: 1px solid red; margin: 20px; padding: 10px;'>
*
</div>
</div>
</td>
<td style='border: 1px solid black;'>*
</td>

</tr>
</table>

</div>

</body>


Даешь диву паддинг и маргин (красный див в примере) и он выползает за пределы ячейки. А как его поместить нормально, учитывая, что ширина ячейки может меняться?

Искусственный Интеллект1 15.04.2015 17:20
Нужно сделать еще один вложенный div, и ему указать нужный padding

<div style='width: ширина;'>
<div style='padding: значениеpx;'>
...

buh 15.04.2015 17:40
1-Искусственный Интеллект1 >

Ширина не фиксированная, нужно заполнить всю ячейку.
В примере уже два дива и вложенный все равно вылазит.

buh 15.04.2015 17:46
А, убираю во вложенном width 100% - тогда вроде работает

SanekSp 16.04.2015 08:36
3-buh >А зачем Вы диву ставите width 100% ?
Див и так по умолчанию растягивается на всю ширину!
А вот ваш margin: 20px;(отступы вокруг Дива) заставляют ячейку растянутся больше 100%.
Тут или width 100% надо убить, или margin:0; надо ставить!


Текущее время: 07:56. Часовой пояс GMT +3.