Форум программистов [Powered by Invision Power Board]

Код


<!DOCTYPE html public "-//w3c//dtd html 4.0 transitional//en" > 
<html> 
<head> 
<title>page</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link href="style.css" rel="stylesheet" type="text/css" /> 

<!--[if gte IE 5.5]> 
<![if lt IE 7]> 
<style type="text/css"> 
div#hrBox { 
  bottom: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 
  left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); 
} 

div#vrBox { 
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 
  right: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); 
} 

</style> 
<![endif]> 
<![endif]--> 

<style type="text/css"> 
#hrBox { 
  width:100px; 
  height:20px; 
  position:absolute; 
  bottom:0;  
  left:0; 
  z-index:100; 
  border:1px solid gold; 
} 

#vrBox { 
  width:20px; 
  height:100px; 
  position: absolute;  
  top:0; 
  right:0; 
  z-index:101; 
  border:1px solid gold; 
} 

body > div#hrBox { 
  position:fixed; 
} 

body > div#vrBox { 
  position:fixed; 
} 
</style> 
</head> 

<body> 
<table cellpadding="0" cellspacing="0" border="0" style="width:3424px;height:100%;background:#2d2d2d;"> 
    <tr> 
        <td style="height:800px;">&nbsp;</td> 
    </tr> 
</table> 

<div id="hrBox">1</div> 
<div id="vrBox">2</div> 

</body> 
</html>

Код


<!--[if gte IE 5.5]> 
<![if lt IE 7]> 
<style type="text/css"> 
body { background: url(about:blank) fixed; } /* чтобы не дрожало  */
div#hrBox { 
  top: expression( 0 + ( scrollYPos = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + ( myHeight = 

document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - this.offsetHeight + 'px' ); 
  left: expression( 0 + ( scrollXPos = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' ); 
} 
div#vrBox { 
  top: expression( 0 + scrollYPos + 'px' ); 
  left: expression( 0 + scrollXPos + ( myWidth = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 

this.offsetWidth + 'px' ); 
} 
</style> 
<![endif]> 
<![endif]-->

Цитата(SelenIT @ 20.2.2008, 23:50)

Каков смысл данных expression-ов? Зачем прибавлять позицию скроллинга от верхнего края окна к нижней координате дива и т.д.?