Css Iframe显示谷歌图表

Css Iframe显示谷歌图表,css,iframe,position,Css,Iframe,Position,我有一个MySQL数据库和一些谷歌图表查询数据 我正在寻找一种更整洁地显示图表的方法。我现在把每个图表都放在一个单独的页面上,所以我想知道Iframe是不是一个好方法 我希望单击垂直列表菜单,看到不同的图表填充Iframe 这是可行的,但我有一些问题: 将Iframe放置在页面顶部菜单的右侧 菜单的css也不起作用 当我点击菜单上的按钮时,一个新页面也会启动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht

我有一个MySQL数据库和一些谷歌图表查询数据

我正在寻找一种更整洁地显示图表的方法。我现在把每个图表都放在一个单独的页面上,所以我想知道Iframe是不是一个好方法

我希望单击垂直列表菜单,看到不同的图表填充Iframe

这是可行的,但我有一些问题:

将Iframe放置在页面顶部菜单的右侧

菜单的css也不起作用

当我点击菜单上的按钮时,一个新页面也会启动

<!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">

<head>
<title>Graph Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="styles.css" type="text/css" />
<script src="./js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>
<body>
<h1>Graph navigation page</h1>
<hr />
<iframe frameborder="0" width="65%" height="800" style="float:centre" src="http://mysite" name="graphs" id="graphs">
<p>iframes are not supported by your browser.</p>
</iframe><br />


<ul>
<li><a href="http://mysite"target="graphs">Graph1</a></li>
<li><a href="http://mysite"target="graphs">Graph2</a></li>
</ul>

使用float:对


谢谢,我一直在调整位置和大小,但我就是感觉不到。定位似乎有点混乱,这是没有帮助的样式表菜单不开火。
<iframe frameborder="0" width="65%" height="800" style="float:right" src="http://mysite" name="graphs" id="graphs">
<p>iframes are not supported by your browser.</p>
</iframe><br />