No replies
elmouad
elmouad's picture
Offline
newbie
Germany
Last seen: 10 years 36 weeks ago
Germany
Timezone: GMT+2
Joined: 2011-10-28
Posts: 1
Points: 2

Hello all,

I am working on a project, and trying to convert a frames based website to css.

The website uses 3 frames

The code is :

<frameset rows="100px, 120, *" border="0"  frameSpacing="0" >
	<frame name="LOGO" frameBorder="0" marginWidth="0" marginHeight="0"  SRC="header.jsp" scrolling="0"  />
	<frame name="MFRAME" frameBorder="0" scrolling="auto" marginWidth="0" marginHeight="0"  SRC="menu.jsp" />
	<frame name="MAIN" frameBorder="0" marginWidth="0" marginHeight="0" SRC="start.jsp" scrolling="auto" />
	<noframes>
    	<body>
      		<p>"Ihre Seite unterst├╝tzt leider keine Frames"</p>
    	</body>
	</noframes>
</frameset>

The css code is :

<div id="heading"><%@ include file="header.jsp" %> </div>
<div id="middle"><%@ include file="menu.jsp" %></div> 
<div id="footer"><%@ include file="start.jsp" %></div>

The 3 positions are so declared in css style sheet :

#heading { margin-top: 20px; text-align: center; }
 
#middle { text-align: center; margin-top: 150px; margin-left: 100px; margin-right: 100px; }
 
#footer { position: relative; bottom:0px; text-align:center; padding:10px; height: 5%; width: 100%; background-color: #f4f3f1; float: left;}

The problem is that only the header.jsp page could be displayed (in the heading position).

So I need your help fixing this problem.