| 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;'> ... | |
| 2
- 15.04.2015 - 17:40
|
1-Искусственный Интеллект1 > Ширина не фиксированная, нужно заполнить всю ячейку. В примере уже два дива и вложенный все равно вылазит. | |
| 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; надо ставить! | |
Интернет-форум Краснодарского края и Краснодара |
