CSS相对定位

我正在开发一个动态维度的网页，即我第一次看到画布的大小，并相应地调整我的元素的宽度和高度。CSS相对定位

if(!window.JSFX) 
    JSFX=new Object(); 

if(!JSFX.Browser) 
    JSFX.Browser = new Object(); 

if(navigator.appName.indexOf("Netscape") != -1) 
{ 
    JSFX.Browser.getCanvasWidth = function() {return innerWidth;} 
    JSFX.Browser.getCanvasHeight = function() {return innerHeight;} 
} 
else if(document.all) { 
    JSFX.Browser.getCanvasWidth = function() {return document.body.clientWidth;} 
    JSFX.Browser.getCanvasHeight = function() {return document.body.clientHeight;} 
} 

function f(){ 
var h = JSFX.Browser.getCanvasHeight(); 
var w = JSFX.Browser.getCanvasWidth(); 
var elem1 = document.getElementById("left"); 
var elem2 = document.getElementById("right"); 

if(h){ 
elem1.style.height = (h-115)+"px"; 
elem2.style.height = (h-95)+"px"; 
elem2.style.width = (w-305)+"px"; 
} 
else return false; 
} 

window.onload = f;

//的HTML

<div id="container"> 
      <div id="left"> 
      </div> 

      <div id="right"> 
      </div> 
</div>

我的问题是，当我调整窗口的div活蹦乱跳的地方。我需要帮助CSS和JavaScript我可以使窗口调整大小时调整div的大小。

谢谢。

来源

2010-01-21 Q_Mlilo

接受是关键，我的朋友，因此，请接受一些答案 – Natrium 2010-01-21 12:35:40

它的一个CSS问题 - 我要的是保持100％的高度和没有我的元素移动的宽度。示例 - http://www.yell.com/maps/MapAction.do – 2010-01-21 13:29:02

接受一些答案后再寻求帮助 – ant 2010-01-21 13:35:06

“的立场：绝对的” 和/或 “的立场：固定的”

来源

2010-01-21 13:52:25 NimChimpsky

我觉得window对象具有resize事件时，将触发用户改变他们的浏览器。

所以，也许在你的JavaScript代码的最后补充一点：

window.onresize = f;

来源

2010-01-21 14:11:06

CSS相对定位

回答

相关问题