Question

最近我在Jsp页面中使用框架集时出现了一个问题。

守则是：

<html>

    <frameset rows="8%,*" border="0" >
        <frame src="HeaderUi.jsp" name="header" scrolling="no" style="border-bottom:5px solid #630000;min-height:50px;">
        <frameset cols="215px,540px,250px" border="0" >
        <frame src="webSearchUi" name="search">
        <frameset rows="65%,*" border="0" >
        <frame src="webMainPageUi" name="mainPage" scrolling="yes" style="border:1px dotted #7D7D7D; border-top:0px; border-bottom:0px dashed #5c5c5c">
        <frame src="webEventPanelUi" name="eventPanel" style="border:1px dotted #7D7D7D; border-top:1px solid #7D7D7D; border-bottom:0px dashed #5c5c5c">
    </frameset>

    <frame src="webDataPanelUi" name="dataPanel" style="border-style:solid;border-width:0pt;border-color:66CC33"></frameset>

</html>

在这里我想设置一个固定的宽度到框架集并显示居中对齐，固定宽度应该是1000px和集中对齐，当我尝试这在IE中通过使用margin auto作为上面的代码中的ashown正常工作，但显示问题在Chrome和Firefox中。请帮我解决这个问题...

Answer 1

尝试使用下一个HTML标记：

<frameset cols="*,1000px,*" border="0">
  <frame src="about:blank" />
  <!-- Next frameset is centered horizontally and have width:1000px -->
  <!-- Tested in IE8,Chrome13,Opera11.50,Safari5,FF7 -->
  <frameset rows="8%,*" border="0">
    <frame src="HeaderUi.jsp" name="header" scrolling="no" style="border-bottom:5px solid #630000;" />
    <frameset cols="210px,540px,*" border="0">
      <frame src="webSearchUi" name="search" />
      <frameset rows="65%,*" border="0" >
        <frame src="webMainPageUi" name="mainPage" scrolling="yes" style="border:1px dotted #7D7D7D; border-top:0px; border-bottom:0px dashed #5c5c5c" />
        <frame src="webEventPanelUi" name="eventPanel" style="border:1px dotted #7D7D7D; border-top:1px solid #7D7D7D; border-bottom:0px dashed #5c5c5c" />
      </frameset>
      <frame src="about:blank" />
    </frameset>
  </frameset>
  <frame src="about:blank" />
</frameset>

如何设置框架集的固定宽度并集中对齐？

1 个答案: