日期:2014-05-17  浏览次数:20760 次

关于框架居中的问题
框架如何实现居中?还有框架里面的表格如何让它铺满框架?

------解决方案--------------------
html,body{border:0;padding:0;margn:0}
table{width:100%}
------解决方案--------------------
在新接的一个项目里,页面使用到框架集,在使用的过程中,发现框架集只有一边(即左边或者右边)能固定宽度。。并且在整个框架的外面不能使用<div></div>或者表格标签来定位居中,一时间有点不知所措,后面经过百度的搜索查询解决方案,还是没找到合理的解决方案。。。没办法,只能自己琢磨咯~!结果还真给我琢磨了一个好方法,方法如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼓楼-清河坊</title>
</head>
<frameset cols="1120,320" name="m_wap" id="m_wap" frameborder="no" border="0" framespacing="0" style="width:1440px; height:900px; margin:0 auto;">
<frame src="part_four_1.html" name="mainFrame" id="mainFrame" title="mainFrame" />
<frame src="part_four_r1.html" name="rightFrame" scrolling="No" noresize="noresize" id="rightFrame" title="rightFrame" />
</frameset>
<noframes><body>
</body></noframes>
</html>

 

项目的整体显示的宽度是1440宽,高为900。这里设定了整体大框架的一个宽高以及大框架的一个整体的居中(用margin:0 auto来设定),以及左右两个框架的宽度(左1120,右320)。这样就能实现整体框架的居中显示了。。。

另外,由于本人的记性不太好,一些技巧生怕自己用过以后,以后就会忘记掉,所以顺便提一下关于在框架集中使用的链接时应注意的一些东西~!要实现点击左侧(右侧)框架的链接改变右侧(左侧)框架的文件,链接写法如下:

<a href="#" target="mainFrame"></a>

其中,mainFrame为右侧(左侧)框架的id名