К списку форумов К списку тем
Регистрация    Правила    Главная форума    Поиск   
Имя: Пароль:
Начальная Романовская гимназия
Рекомендовать в новости

Нужен совет по верстке

buh
0 - 15.04.2015 - 13:59
Вот такой код:

http://cssdeck.com/labs/hxxzhhau


<!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
2 - 15.04.2015 - 17:40
1-Искусственный Интеллект1 >

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


К списку вопросов
Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск




Copyright ©, Все права защищены