1

我的问题是关于 2 个 div 的高度和宽度分别为 85% 和 100%,但一次只显示一个。因为现在第二个 div 显示得很奇怪。

看看here并选择(menuslider->在visa下选择“graf”。)在那里你会看到第二个div没有100%的宽度和85%的高度,我可以用简单的方法解决这个问题吗?

这是网站

这是HTML:

<div id="mainContent">
<div id="googleMap"></div>
<div id="GraphWindow">dw
<iframe src="prototype.html" frameborder="" name="" width="" height="" scrolling="no"> Sorry your browser does not support frames or is currently not set to accept them.</iframe>
</div>
</div>

这是CSS:

html {height:100%}
body {height:100%;margin:0;padding:0}

#mainContent{
height:85%;
width:100%;
  margin-left: auto ;
  margin-right: auto ;
}

#graphWindow{
height:85%;
width:100%;
  margin-left: auto ;
  margin-right: auto ;
}
#googleMap {
height:85%;
width:100%;
  margin-left: auto ;
  margin-right: auto ;

}

这是显示或隐藏图形的 javascript:

function selectMainView(){
    if(document.details.title.value == "map"){  
        document.getElementById("googleMap").style.display = "block";
        document.getElementById("GraphWindow").style.display = "none";
    }
    else{
        document.getElementById("googleMap").style.display = "none";
        document.getElementById("GraphWindow").style.display = "block";
    }
}
4

4 回答 4

0

为 iframe 设置高度和宽度属性

<iframe src="prototype.html" frameborder="" name="" width="100%" height="85%" scrolling="no"> Sorry your browser does not support frames or is currently not set to accept them.</iframe>
于 2012-12-15T18:08:48.140 回答
0

div有 id GraphWindow(大写 G),你的 CSS 选择器是#graphWindow(小写 g)。

更改其中一个以使它们匹配外壳。

此外,您应该更改100%的iframe拥有widthheight

于 2012-12-15T18:10:36.267 回答
0

设置#GraphWindow#graphWindow...也许,拼写错误?!仔细检查你的 CSS,它区分大小写!

(提示:尝试使用“firebug”,下次检查和调试它!)

于 2012-12-15T18:15:46.007 回答
0

像这样修改你的CSS:

html {height:100%}
body {height:100%;margin:0;padding:0}

#mainContent{
height:85%;
width:100%;
  margin-left: auto ;
  margin-right: auto ;
}

#GraphWindow{
height:85%;
width:100%;
  margin-left: auto ;
  margin-right: auto ;
}

#GraphWindow iframe{
height:100%;
width:100%;
}

#googleMap {
height:85%;
width:100%;
  margin-left: auto ;
  margin-right: auto ;
}
于 2012-12-16T06:06:02.990 回答