Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Formatting frames issue 1

Status
Not open for further replies.

Mdiaz

Programmer
Jul 8, 2002
32
US
I hardly ever use frames and I am working on a project that requires a page using frames. Please look at it and tell me where I've gone wrong. I can't seem to get everything to fit together nicely.

I'm also going to try and use tables to format the layout.

Thanks...

view page at <A HREF=&quot;########## Page ##################
Code:
<html>
<head>
<title>Pocket PC</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;&quot;>
</head>

<!-- Triplet Publishing Group (619) 425-9550  [URL unfurl="true"]www.tripletpublishing.com-->[/URL]
   	<!-- frames -->
<frameset rows=&quot;11%,58%,30%&quot;>
    <frame name=&quot;Top&quot; src=&quot;/EStation/pda/top.asp&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;>
    <frameset  cols=&quot;20%,64%,17%&quot;>
        <frame name=&quot;L-Side&quot; src=&quot;/EStation/pda/L-Side.asp&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;>
        <frame name=&quot;Content&quot; src=&quot;/EStation/pda/content.asp&quot; scrolling=&quot;auto&quot; frameborder=&quot;0&quot;>
        <frame name=&quot;R-Side&quot; src=&quot;/EStation/pda/R-Side.asp&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;>
    </frameset>
    <frame name=&quot;Bottom&quot; src=&quot;/EStation/pda/Bottom.asp&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;>
</frameset>

   
   	<!-- End content frame  -->

</html>
############### End Code #############

########### Associated pages #############

>>>>> Top.asp page
Code:
<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;>

<html>
<head>
	<title>PDA Top</title>
</head>

<body>
<img name=&quot;top&quot; src=&quot;/EStation/graphics/top.jpg&quot; width=&quot;450&quot; height=&quot;74&quot; border=&quot;0&quot; alt=&quot;&quot;>

</body>
</html>

>>>>>>>>>>>L-Side.asp page
Code:
<html>
<head>
	<title>PDA Left-side</title>
</head>

<body>
<img name=&quot;L-Side&quot; src=&quot;/EStation/graphics/L-Side.jpg&quot; width=&quot;88&quot; height=&quot;377&quot; border=&quot;0&quot; alt=&quot;&quot;>
</body>
</html>

>>>>>>>>>>>>> content.asp is vbscript code with a table 247 pix wide.


>>>>>> R-Side.asp

Code:
<html>
<head>
	<title>PDA R-Side</title>
</head>

<body>
<img name=&quot;R-Side&quot; src=&quot;/EStation/graphics/R-Sise.jpg&quot; width=&quot;75&quot; height=&quot;377&quot; border=&quot;0&quot; alt=&quot;&quot;>
</body>
</html>

>>>>>>>>>> Bottom.asp

Code:
<html>
<head>
	<title>PDA Bottom</title>
</head>

<body>
<img name=&quot;Bottom&quot; src=&quot;/EStation/graphics/Bottom.jpg&quot; width=&quot;450&quot; height=&quot;197&quot; border=&quot;0&quot; alt=&quot;&quot;>
</body>
</html>
 
I am not too familiar with frames either so I am not sure if all the code is entirely correct and necessary (some attributes are for Mozilla, others for IE, on both it works fine). First of all, know that you should use fixed widths and heights since you probably don't want your design to fall apart at different screen sizes. Here's the corrected frameset code:
Code:
<frameset rows=&quot;74px,377px,*&quot; framespacing=&quot;0&quot; frameborder=&quot;no&quot;>
    <frame name=&quot;Top&quot; src=&quot;/EStation/pda/top.asp&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; noresize>
    <frameset  cols=&quot;88px,287px,*&quot; framespacing=&quot;0&quot; frameborder=&quot;no&quot;>
        <frame name=&quot;L-Side&quot; src=&quot;/EStation/pda/L-Side.asp&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; noresize>
        <frame name=&quot;Content&quot; src=&quot;[URL unfurl="true"]http://www.fireadmin.net/EStation/pda/content.asp&quot;[/URL] scrolling=&quot;auto&quot; frameborder=&quot;0&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; noresize>
        <frame name=&quot;R-Side&quot; src=&quot;/EStation/pda/R-Side.asp&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; noresize>
    </frameset>
    <frame name=&quot;Bottom&quot; src=&quot;/EStation/pda/Bottom.asp&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; noresize>
</frameset>

Hope it helps.
 
Chris,

That is exactly what I'm trying to accomplish.

I will study your code that utilizes the Iframe and css Float.

Thanks for your help.

I had given up on it.

Again thanks...

Mike Diaz
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top