Yakon
Junior Member | Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Должен.
Из lightbox.js
...
//
// getPageSize()
//
getPageSize: function() {
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = window.innerWidth + window.scrollMaxX;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
if(document.documentElement.clientWidth){
windowWidth = document.documentElement.clientWidth;
} else {
windowWidth = self.innerWidth;
}
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
// for small pages with total height less then height of the viewport
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = xScroll;
} else {
pageWidth = windowWidth;
}
return [pageWidth,pageHeight];
}
}
Если есть <link rel="stylesheet" href="css/ruslanec.css" type="text/css"> ,
то в IE занимает только видимую часть страницы, без прокрутки.
ruslanec.css:
html,body,address,blockquote,div,p,pre,h1,h2,h3,h4,h5,h6,hr, /* блочные элементы */
dd,dl,dt,ul,ol,li, /* списки */
a,abbr,acronym,b,big,br,cite,code,del,dfn,em,i, /* строчные элементы */
ins,kbd,q,samp,small,span,strong,sub,sup,tt,var, /* строчные элементы */
img,object, /* картинки и объекты */
caption,table,tbody,td,tfoot,th,thead,tr, /* табличные элементы */
input,textarea,select,button,form,fieldset,legend,label, /* элементы формы */
u,font,s,center,dir,menu,strike,xmp /* устаревшие элементы */
{
margin: 0;
padding: 0;
text-indent: 0;
list-style-type: none;
}
table { border-collapse: collapse; }
html{
width:100%;
min-width:100%;
height:100%;
min-height:100%;
margin: 0px;
padding: 0px;
}
body {
margin: 0px;
padding: 0px;
background-color: #e1e1ed;
background-image: url('/images/bg.gif');
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
}
img{
border-width: 0px;
}
/*
a {
color: #CCCCCC;
font-style:italic;
background-color: #333333;
}
*/
.semi {
opacity: 0.5;
filter: alpha(opacity=50);
}
.head {
position: absolute;
top: 0px;
left: 50%;
background-color: #282828;
z-index: 3;
margin-left: -447px;
width: 894px;
}
.head_shadow {
position: absolute;
top: 0px;
left: 50%;
z-index: 2;
margin-left: -450px;
width: 900px;
background-image: url('/images/head_shadow.png');
_background: url('/images/head_shadow.gif');
}
.logo {
position: absolute;
top: 10px;
left: 50%;
z-index: 4;
margin-left: -445px;
width: 204px;
font-style:normal;
background-color: transparent;
background-image: url('/images/logo.png');
_background: url('/images/logo.gif');
}
.menu_bg {
position: absolute;
top: 234px;
left: 50%;
z-index: 4;
margin-left: -465px;
width: 930px;
height: 30px;
text-align: right;
background-image: url('/images/menu_bg.png');
_background: url('/images/menu_bg.gif');
}
.menu {
padding-top: 14px;
padding-right: 14px;
font: bold 12px 'Tahoma', sans-serif;
}
.mlink {
margin-left: 4px;
margin-right: 4px;
color: white;
background-color: black;
text-decoration: none;
font-style:normal;
}
.bg2 {
position: absolute;
top: 256px;
left: 50%;
z-index: 4;
margin-left: -399px;
width: 864px;
background-image: url('/images/bg2.png');
_background: url('/images/bg2.gif');
}
.over_bg2 {
position: absolute;
top: 256px;
left: 50%;
z-index: 5;
margin-left: -399px;
width: 864px;
}
.title {
position: absolute;
top: 434px;
left: 50%;
margin-left: -392px;
width: 864px;
z-index: 10;
}
.base {
position: absolute;
top: 0px;
left: 50%;
z-index: 1;
margin-left: -447px;
width: 894px;
height: auto;
}
.txt_bg2 {
position: relative;
top: 50px;
padding-bottom: 30px;
padding-right: 30px;
}
.photo_bg2 {
position: relative;
top: 43px;
padding-left: 50px;
padding-right: 0px;
padding-bottom: 30px;
width: 340px;
height: 200px;
float: left;
}
.txt1 {
text-align: left;
font: 14px 'Tahoma', sans-serif;
}
.txt2 {
padding-left: 45px;
text-align: center;
font: bold 18px 'Tahoma', sans-serif;
}
.txt3 {
padding-top: 40px;
text-align: right;
font: bold 14px 'Tahoma', sans-serif;
}
.content {
position: relative;
top: 0px;
width: 894px;
padding-top: 495px;
padding-bottom: 30px;
background-color: #a0a0a0;
background-image: url('/images/bg3.png');
background-repeat: repeat-y;
vertical-align: top;
}
.left {
padding-left: 28px;
padding-right: 10px;
vertical-align: top;
width: 276px;
}
a.llink{
color: black;
font-style:normal;
background-color: transparent;
}
.left_title {
padding-left: 10px;
font: bold 18px 'Times New Roman', serif;
}
.right {
padding-left: 28px;
padding-right: 20px;
vertical-align: top;
width: 618px;
}
.right2 {
padding-left: 0px;
vertical-align: top;
padding-right: 20px;
width: 618px;
}
div.gright {
padding-bottom: 12px;
padding-left: 20px;
padding-right: 50px;
font: 14px 'Times New Roman', serif;
}
div.wright {
background-color: white;
background-image: url('/images/blue.gif');
background-repeat: no-repeat;
padding-top: 6px;
padding-bottom: 36px;
padding-left: 20px;
padding-right: 50px;
font: 14px 'Times New Roman', serif;
}
.FAQdg {
background-color: #949494;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 54px;
font: bold 14px 'Times New Roman', serif;
}
.FAQg {
padding-top: 10px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 54px;
font: 14px 'Times New Roman', serif;
}
.FAQlist {
padding-left: 20px;
padding-right: 54px;
font: bold 14px 'Times New Roman', serif;
}
.bottom {
position: relative;
top: 0px;
width: 894px;
}
.txt1_bottom {
text-align: left;
font: 11px 'Tahoma', sans-serif;
float: left;
}
.txt2_bottom {
text-align: right;
font: 11px 'Tahoma', sans-serif;
}
.Phdg {
background-color: #949494;
width: 100%;
height: 35px;
}
.Phdgf {
vertical-align: bottom;
padding-left: 40px;
font: bold 14px 'Tahoma', serif;
}
.Phg {
padding-top: 15px;
padding-bottom: 70px;
padding-left: 40px;
padding-right: 20px;
}
.Phg2 {
padding-top: 15px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 20px;
}
.Ph {
border: 5px solid #666666;
margin-bottom: 5px;
margin-right: 5px;
}
Добавлено:
Чую проблема где-то в наложении друг на друга
position: absolute; и position: relative;
Но вот как исправить не могу дойти. |
