Layout: help with frame sizing
started by Jes on Aug 9, 2004 — RSS Feed
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
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.
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?
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).
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.
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.
You must login to reply
Articles Feed