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!

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

Frame at 100%, but not acting "Dynamic" 1

Status
Not open for further replies.
JennyW

JennyW

Technical User
Mar 1, 2001
323
CA
Tek-Tips question…

Hiee,

I’ve gotcha a frames question.

I want my site to adjust and fit the screen resolution of both 800x600 and 1024x768.

I have a page with two frames (columns). The first column (my menu) is in pixels, the second column is at 100 per cent.

In prior threads I was told that setting a frame to 100 per cent would make that frame become dynamic and take up the rest of the screen.
This isn’t happening.

I’m making my website using a 1024x768 resolution, but when I view it in 800x600 I get scrolling (horizontal).
I thought that setting my second frame to 100 per cent would make my site fit accordingly, regardless of the viewers browser preference.

Here’s my URL if you wanna take a look.
If you can, view it in 800x600 and 1024x768.


Thanks for taking the time to read this.
Jenny.
 
Sort by date Sort by votes
Ohh yeah,
Here's my frame code...

<frameset cols=&quot;136,100%&quot; rows=&quot;*&quot; frameborder=&quot;YES&quot; border=&quot;1&quot; framespacing=&quot;1&quot;>
<frame src=&quot;0004_frame_dynamic_test_purple.html&quot; scrolling=&quot;no&quot; name=&quot;&quot;>
<frame src=&quot;0004_frame_dynamic_test_blue.html&quot;>
</frameset>

Thanks,
Jenny
 
Upvote 0 Downvote
Jenny...now that i see your site I understand a little better what you are attempting to do.

Your menu left frame is fine. It is static and will always be 136 pixels wide.You only have 664 (800-136) pixels to work with and still keep it optimal for a 800x600 browser window. Your content in the main frame must not exceed 664 pixels in width. Yes you set the frame at 100% but it is not going to resize your content proportionately.

If your content does exceed this it will automatically add scrollbars. If you use a table in the main frame you can get some dynamics that way but not with frames alone. Add a table in your main frame even if it is only a 1 cell table. Set the table width at 100% to make it wrap your content inside the width of the main frame.

However dynamic this may be I still recommend making sure your content in the main frame stays within the pixel limits noted above. Ya' Gotta Love It!:)X-)
 
Upvote 0 Downvote
Jenny...One thing I often do is set my resolution at 800x600 while building a site. This keeps me in perspective to what most viewers will be seeing and I am able to create more precisely. Ya' Gotta Love It!:)X-)
 
Upvote 0 Downvote
Hi Jeff,
First, I have to say thanks for always responding to my queries, I really do appreciate it!

Why do you say...

&quot;However dynamic this may be I still recommend making sure your content in the main frame stays within the pixel limits noted above.&quot;

...when I can just set the width of a table to 100 per cent and fit the screen doing so.

I'm gonna try testing some tables with some of the info. you've supplied me with.

Also, I make my site in 1024x768 resolution mainly because I want it to fit exactly on that screen resolution. In other words I don't want ANY scrolling for users logging on my website with that specified resolution.

I do test my site in 800x600 resolution, but only to make sure the width fits perfectly. I hate horizontal scrolling. My main &quot;thing&quot; is to eliminate that (horizontal scrolling) on both the 800x600 and 1024x768 resolution.

Thanks Jeff,
Jenny
 
Upvote 0 Downvote
In Dreamweaver 4 ... While in layout view...draw a layout table in the main frame and select autostretch... wait...you are using Dreamweaver 3...right?

Then just insert a table in the main frame and make it 1 row by 1 column. Make it 100% width. This will make everything wrap inside the users browser.

Put everything inside that 1 cell table...even other tables if you need them. Ya' Gotta Love It!:)X-)
 
Upvote 0 Downvote
Hi again Jeff,
I'm using Dreamweaver 2.

Ok, I made a table...
1 row
1 column
100 per cent width

Ok, the table fits fine is either resolution (800x600 and 1024x768).
But I'm having one problem...
I imported a graphic fitting a the exact width of my table.
Now when I view it in the browser on 1024x768 it fits fine. But when I view it in an 800x600 resolution the image goes off the table and I receive horizontal scrolling.

Here's my url...
If you can, view my page in both resolutions.


What do you think is wrong?
Thanks,
Jenny
 
Upvote 0 Downvote
your graphic is 981 pixels.... That is one problem...graphics don't wrap real good. The reason text will wrap to the next line is because it is broken up into words and your browser has enough logic to break to the next line. Your graphic is one long complete object and there is no way it could wrap to the next line to make it fit an 800x600 browser.

It is a pretty simple graphic except at the right end where it has a bit of a radius. Perhaps you could create the same graphic using a table with colored cells. Put the radius itself as a small graphic into a single cell...align it far right....

You would have to make sure everything fits flush or it would not look right....

just an idea.... I will have to chew on this one for a day or so and see what I come up with.



Ya' Gotta Love It!:)X-)
 
Upvote 0 Downvote
Hiee Jeff,
I tried a few things.
Since my table is 100 per cent width I adjusted my image (border) to be 100 per cent width.

I tested it in both screen resolutions and it seems to fit nicely.
Can you take a look for me?


What do you think?

Here's the code I adjusted...

div id=&quot;Layer3&quot; style=&quot;position:absolute; left:13px; top:17px; width:100%; height:100%; z-index:146&quot;>

<img src=&quot;border%20-%20horizontal%20frame%20top_01-14-01_opt.gif&quot; width=&quot;100%&quot; height=&quot;12%&quot;>

Another thing...

I wanted to know if the table can take up the entire page? When you look at my page you can tell that the table is in maroon. I can't get the table to lift any higher on the screen. You know what I mean?

I have this black spacing around my table.
I know I can change the black spacing to maroon, that's easy. But my whole problem is that I don't want my image (border) floating on the screen, it's suppose to be connected to the top of the screen like this...


Is there a way to fix this problem?

Thanks again,
Jenny
 
Upvote 0 Downvote
Its looking good Jenny... You are coming along like a pro!

Insert the following into your <body> tag between the < and the >

leftmargin=&quot;0&quot; rightmargin=&quot;0&quot; topmargin=&quot;0&quot; bottommargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot;

This will fix the margins for IE as well as NS. Ya' Gotta Love It!:)X-)
 
Upvote 0 Downvote
Hey Jeff,
Thanks for the compliment. Without the help of people like you I wouldn't be at this point so quickly.

Ok, I added your code the you supplied me with.
There's still an existing problem. The table doesn't seem to cover the bottom of the page.


Also, it seems fine in IE, but it's all muffed up in NS.

Here's the my updated code...

<body bgcolor=&quot;#003300&quot; leftmargin=&quot;0&quot; rightmargin=&quot;0&quot; topmargin=&quot;0&quot; bottommargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot;>
<table width=&quot;100%&quot; border=&quot;0&quot; height=&quot;578&quot;>
<tr bgcolor=&quot;#660000&quot;>
<td>
<div id=&quot;Layer3&quot; style=&quot;position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:6&quot;><img src=&quot;border%20-%20horizontal%20frame%20top_01-14-01_opt.gif&quot; width=&quot;100%&quot; height=&quot;12%&quot;></div>
</td>
</tr>
</table>

Thanks,
Jenny
 
Upvote 0 Downvote
Finally....a simple one....

What is happening is the background color you have set in your page properties is showing on the edges...

In the following code:

<body bgcolor=&quot;#FFFF00&quot; leftmargin=&quot;0&quot; rightmargin=&quot;0&quot; topmargin=&quot;0&quot; bottommargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot;>
<table width=&quot;100%&quot; border=&quot;0&quot; height=&quot;100%&quot;>
<tr bgcolor=&quot;#660000&quot;>

Change the bgcolor from #FFFF00 to your table color which is #660000

Presto! Ya' Gotta Love It!:)X-)
 
Upvote 0 Downvote
Hi Jeff,
Right. I knew I could do that, but I made the background color different just so you could see that the table didn't cover the entire screen.

I thought there might have been another solution.
It's not a big deal, I can work with this!

Thanks,
Jenny
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cohan123
  • Locked
  • Question
Hypertext Jump function not working
Replies
0
Views
745
cohan123
cohan123
jaymaechtlen
  • Locked
  • Question
favorite Frame resources
Replies
0
Views
673
jaymaechtlen
jaymaechtlen
HansKok
  • Locked
  • Question
Error after only changing text and not codes
Replies
0
Views
740
HansKok
HansKok
Mike Lewis
  • Locked
  • Question
Using Dreamweaver to maintain a site not created in Dreamweaver
Replies
2
Views
941
Mike Lewis
Mike Lewis
ibeenjammin
  • Locked
  • Question
FrameMaker 2015 Conditional Text Problems
Replies
0
Views
697
ibeenjammin
ibeenjammin

Part and Inventory Search

Sponsor

Back
Top