Layout: help with frame sizing

started by Jes on Aug 9, 2004 — RSS Feed

Jes Jes
Posts: 4

Howdy Folks,

This is my first post.  Always loved this site, so Iím hoping someone can help here.

First things first.  Iím a relative amateur when it comes to design.  I use Dreamweaver MX2004 on a Mac.

Hereís a link to my problem page:

http://sterneworks.org/blog.html

Please ignore the text.  Itís all test stuff for now.  There will eventually be links and navigation to connect it with the rest of my site.  

The main problem is that I want the top frame to be fixed at 110 pixels tall, but in my browsers (IE 5.5 & Safari 1.2) it appears to be bigger than that.  The goal is to use the image as background and not to repeat.

I know frames are ďoutĒ but Iím using frames to hide the long and ugly URL that my ISP requires for the blogging software.  Plus, I wanted to custom design the layout without using a ton of php, which I donít know.

Any suggestions would be appreciated.  Thank you.

--JES

Joe Gillespie Joe Gillespie
Posts: 528

Try this

<frameset rows="100,447" cols="*" frameborder="no">
 <frame src="top.html" noresize scrolling="no">
 <frameset rows="*" cols="167,923">
   <frame src="superbon.html">
   <frame src="http://sterneworks.org/v-web/b2/blogtest2.php">

 </frameset>
</frameset>
<noframes><body>
</body></noframes>

You have to swich off the scrollbars in the top frame.

Note that frameborder="no" and <noframes></noframes> are invalid markup for your doctype.

Jes Jes
Posts: 4

Thanks, I did. †I seem to still be getting the same problem in the browser. †Also tried Mozilla, just for completeness. †Any other guesses? †I will say that I'm using a 20" monitor, and when the window's smaller, it looks good. †When I drag the window to make it bigger, the top frame seems to resize proportionally to the size of my browser window. †

Hmmm.

--JES

Edit: as I move the browser around, I notice that all frame sizes appear to be relative (ie, the left frame expands and contracts as well).  Is there a way around that?

Joe Gillespie Joe Gillespie
Posts: 528

This is how to do it

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Super Bon!</title>
</head>

<frameset rows="100,447" cols="*">    <frame src="top.html" noresize scrolling="no">    <frameset rows="*" cols="167,923">      <frame src="superbon.html">      <frame src="http://sterneworks.org/v-web/b2/blogtest2.php">  
  </frameset> </frameset></html>

but you would probably be better using CSS with an inline frame (iFrame).

Jes Jes
Posts: 4

Thanks. †tried again with no luck. †Where can I read up on CSS with an inline frame? †The most CSS I've ever done has been to set up basicl templates and change the way links look.

--JES

Edit:  Just tried a suggestion from another BBS.  Seems to work now.  Does it for you?  Thanks again.

Joe Gillespie Joe Gillespie
Posts: 528

No, it doesn't work in Mozilla, just a blank screen. You have a closing frameset with no opening one and frameborder="no" is not valid.

I don't know of a specific source for iFrames and CSS but you can search for either on Google.

Jes Jes
Posts: 4

Alright, thanks a bunch.  Will see what I can come up with.

Best,
--JES

You must login to reply