CODEWITHSUNDEEP
javascripthtmlcss
Mayur Mate
Mayur Mate

Reputation: 33

How to Set Fixed Width of Frameset and centrally Align?

Recently i got one issue while using a frameset in my Jsp Page.

The Code is : 

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

In this i want to set a fixed width to frameset and display centrally align, Fixed Width Should be 1000px and Centrally align, When i tried this its working properly in IE by using margin auto as ashown in code above, but showing Problem in Chrome and Firefox. Please help me out from this Problem...

Upvotes: 3

Views: 8639

Answers (1)

Andrew D.
Andrew D.

Reputation: 8230

Try to use next HTML markup:

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

Upvotes: 4

Related Questions