orchanini
-
Posts
3 -
Joined
-
Last visited
orchanini's Achievements
Explorer (1/14)
0
Reputation
-
Это тоже проблема клиенту нужно именно чтобы прокручивались эти два блока причем вместе а не по отдельности и не уперебедить мне его! ) Тебе спасибо что время уделил и спраздником !
-
вот <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <style type="text/css"> body {width:100%; height:100%; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; padding-bottom:0; } #heider { width:100%; height:100%; background: #FF00FF; vertical-align: bottom;} #shapka { width:100%; height:120px; background: #C0FFFF;} #logo { width:24%; height:120px; background: #C07FFF; float:left; text-align: center;} #baner {width:51%; height:120px; background: #DC0004; float:left; text-align: center;} #top {width:25%; height:120px; background: #00FF04; float:left;} #user1 {width:100%; height:35px; background: #007404;} #center {width:100%; height:410px; background: #3CFFFF; vertical-align: bottom;} #left { width:24%; height:400px; background: #C37404; float:left;} #content {width:76%; height:400px; background: #F18B04; float:right; } #user2 {width:67%; height:500px; background: #6D00E6; float:left;} #rigth { width:31%; height:400px; background: #B9B000; float:left;} #footer {width:100%; height:30px; background: #FF6F00; position: absolute; bottom: 0;} </style> </head> <body> <div id="heider"> <div id="shapka"> <div id="logo" > </div> <div id="baner"> </div> <div id="top"> </div> </div> <div id="user1"> </div> <div id="center"> <div id="left"> </div> <div id="content" style=" overflow: auto; "> <div id="user2"> </div> <div id="rigth"> </div> </div> </div> <div id="footer"> </div> </div> </body> </html> Так вот когда содержимое дива content превышает его размеры появляется полоса прокрутки которая в опере смещает ровно на ее ширину дивы user2 и right. Так вот ни как не разбирусь какже это исправить? В ie при этом все нормаль что есть полоса что нет все равно нормально позицианируется!
-
Опрера и ie по разному понимают параметр overflow: auto; опера смещает содержимое дива ровно на ширину полосы прокрутки (отчего появляются проблемы с дизайном! а ie отображает нормально. Как обрзумить оперу? вот код: <body> <div id="center"> <div id="left"> <jdoc:include type="modules" name="left" /> </div> <div id="content" style=" overflow: auto; "> <div id="user2"> <jdoc:include type="component" /> </div> <div id="rigth"> <jdoc:include type="modules" name="right" /> </div> </div> </div> #center {width:100%; height:410px; } #left { width:24%; height:400px; float:left;} #content {width:76%; height:400px; float:right; } #user2 {width:67%; height:400px; float:left;} #rigth { width:32%; height:400px; float:left;}