rogoziol
-
Posts
2 -
Joined
-
Last visited
rogoziol's Achievements
Explorer (1/14)
0
Reputation
-
Да действительно второй вариант помог(я забыл сказать, что необходимо чтобы у содержимого в зеленом диве было relative позиционирование, поэтому 1 вариант неподходит). Хотя я думал, что проблема в ИЕшном свойстве hasLayout у элементов, а все оказалось куда проще. Спасибо огромное.
-
Возникает проблема при скролинге в ИЕ7 (в ФФ2, ФФ3, Хроме и Опере все нормально). Хочется сделать чтобы при скролинге в ИЕ 7, контент из зеленого div'а не ползал за скроллингом. Пример ниже. Заранее спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body style="position: relative"> <div style="height: 500px; width: 635px; border: dotted 4px green; overflow: auto;"> <div style="width: 605px;"> <div style="width: 290px; border: solid 2px red; float: left; margin: 4px;"> <div style="width: 280px; border: dotted 2px blue; margin: 3px; background-color: #dddddd;"> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> </div> <div style="width: 290px; border: solid 2px red; margin: 4px; float: left;"> <div style="width: 280px; border: dotted 2px blue; margin: 3px; background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px; background-color: green; "> <div style="position: relative"> <p style="min-height: 0px;">relative test</p> </div> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px; background-color: #dddddd;"> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> </div> </div> </div> </body> </html>