|
Элемент вылезает за пределы div'a
|
|
| remus | Дата: Воскресенье, 2013-12-22, 04:47 | Сообщение # 1 |
 Рядовой
Группа: Пользователи
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline
| Пожалуйста подскажите как исправить элемент который вылез за пределы блока, на картинке красным отмечено как должно быть:
А тут сам код:
Код <div style="border:1px solid #ddd;background:#FDFDFD;margin-bottom:5px"> <div style="padding:5px;border-bottom:1px solid #ddd"> <div style="float:right"> тест </div> тест </div> <div style="padding:5px"> <div style="float:left"> <div style="border:1px solid #ddd"> <div style="padding:5px"> <img width="150px" height="150px" style="vertical-align:top" src="http://sia1.subirimagenes.net/img/2013/08/31/130831024237839617.jpg" alt="тест" /> </div> </div> </div> <div style="margin-left:167px"> тест </div> </div> </div> |
| |
| |
| ReSLeaR- | Дата: Воскресенье, 2013-12-22, 13:14 | Сообщение # 2 |
|
Сержант
Группа: Администраторы
Сообщений: 137
Награды: 6
Репутация: 28
Статус: Offline
| remus, http://web.reslear.ru/forum/2-31-1
|
| |
| |
| remus | Дата: Воскресенье, 2013-12-22, 17:44 | Сообщение # 3 |
|
Рядовой
Группа: Пользователи
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline
| Спасибо, а как дав элемента наложить друг на друга? Пример ниже не работает в IE
Код <div style="float:left;position:relative;width:162px"> <img alt="" width="162px" height="162px" style="vertical-align:top" src="http://sia1.subirimagenes.net/img/2013/08/31/130831024237839617.jpg" /> <div style="float:left;position:absolute; top:0px;"> <img alt="" width="162px" height="162px" style="vertical-align:top;" src="http://sia1.subirimagenes.net/img/2013/08/31/130831024237839617.jpg" /> </div> </div> |
| |
| |
| ReSLeaR- | Дата: Воскресенье, 2013-12-22, 20:40 | Сообщение # 4 |
|
Сержант
Группа: Администраторы
Сообщений: 137
Награды: 6
Репутация: 28
Статус: Offline
| remus, Код <div style="float:left;position:relative;width:162px;"> <img alt="" width="162px" height="162px" style="vertical-align:top" src="http://sia1.subirimagenes.net/img/2013/08/31/130831024237839617.jpg" /> <div style="float:left;position:absolute; top:0px;left: 0; right: 0;"> <img alt="" width="62px" height="62px" style="vertical-align:top;" src="http://sia1.subirimagenes.net/img/2013/08/31/130831024237839617.jpg" /> </div> </div> |
| |
| |
| remus | Дата: Воскресенье, 2013-12-22, 21:16 | Сообщение # 5 |
|
Рядовой
Группа: Пользователи
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline
| ReSLeaR-, в IE не работает он элемент рядом ставит...
|
| |
| |
| ReSLeaR- | Дата: Воскресенье, 2013-12-22, 22:23 | Сообщение # 6 |
|
Сержант
Группа: Администраторы
Сообщений: 137
Награды: 6
Репутация: 28
Статус: Offline
| ReSLeaR-, проверял на ie7.... всё ок
|
| |
| |
| remus | Дата: Понедельник, 2014-01-06, 07:00 | Сообщение # 7 |
|
Рядовой
Группа: Пользователи
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline
| в предыдущих версиях не работает :-)
|
| |
| |
| ReSLeaR- | Дата: Понедельник, 2014-01-06, 17:39 | Сообщение # 8 |
|
Сержант
Группа: Администраторы
Сообщений: 137
Награды: 6
Репутация: 28
Статус: Offline
| remus, ie говно)
|
| |
| |
