HighDots Forums  

Help with proportional window sizing

Go Back HighDots Forums Adobe / Macromedia Macromedia Dreamweaver Help with proportional window sizing

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss Help with proportional window sizing in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Barry Koopersmith
 
Posts: n/a

Default Help with proportional window sizing - 07-14-2004 , 11:03 PM





I am trying to change the layout of a website from this (the entire
screen scrolls):

http://www.lourdsmusic.com/main.html

to this (only the main body section scrolls with black borders on all
four sides):

http://www.lourdsmusic.com/main.htm

I created a layout with four center rectangle frames (upper left: a
poster, lower left: a menu, upper right: a music player, lower right:
scrolling main body) with four empty black frames surrounding the inner
four (top border, right border, bottom border and left border).

The problem is that when left-side bars are opened (like Favorites or
History in Internet Explorer) or tool-bars opened at the top (like
search bars), the webpage is moved down and to the right but not scaled
down proportionally so the bottom of the poster image is cut-off, the
menu choices wrap to two lines and the bottom of the menu is cut-off and
the main body gets a bottom horizontal scroll-bar even though there is
still room on the right for that frame to be bigger and not have a
horizontal scroll-bar.

The question is what do I need to do to change this webpage design so
when other browser bars or windows are opened (resulting in a smaller
window to display the webpage) that the page is first just moved over
and down (when there is still space) and when it is needed to scale it
down to fit, everything scales down proportionally so nothing gets
cut-off and the relative spacing within and between the four inner
frames remains constant?

Thanks to anyone who can help me out or point me in the right direction.



Reply With Quote
  #2  
Old   
Gary White
 
Posts: n/a

Default Re: Help with proportional window sizing - 07-15-2004 , 01:10 AM





Barry Koopersmith wrote:

Quote:
The problem is that when left-side bars are opened (like Favorites or
History in Internet Explorer) or tool-bars opened at the top (like
search bars), the webpage is moved down and to the right but not scaled
down proportionally so the bottom of the poster image is cut-off, the
menu choices wrap to two lines and the bottom of the menu is cut-off and
the main body gets a bottom horizontal scroll-bar even though there is
still room on the right for that frame to be bigger and not have a
horizontal scroll-bar.

The best solution would be to abandon the frames and go back to the
first design. You're opening a can of big scary worms with the framed
layout. The only other alternative would be to remove all of the
scrolling="no" attributes on your frames, which will wind up four or
more scroll bars on the page.


Gary


Reply With Quote
  #3  
Old   
terry
 
Posts: n/a

Default Re: Help with proportional window sizing - 07-15-2004 , 04:35 AM



"Barry Koopersmith" <bkoopers (AT) optonline (DOT) net> wrote

Quote:
I am trying to change the layout of a website from this (the entire
screen scrolls):

http://www.lourdsmusic.com/main.html

to this (only the main body section scrolls with black borders on all
four sides):

http://www.lourdsmusic.com/main.htm

snip

You could try a floating menu, example here:
http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm

and give the <body> a left margin that corresponds to the width of the menu
and then use another floating type div to hold your controls. The main
content can then be positioned in body and the copyright can go right at the
bottom of the page.

This is a very rough example of the style but it should give you an idea.

<style type="text/css">
<!--
body {
font: 100% Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #000000;
margin: 64px auto 0px 150px;
padding: 1em;
width: 80%;
}
-->
</style>

No frames required.
Then again, you could just use an iframe because I don't think accessibility
issues are high on your agenda are they.

HTH

Terry




Reply With Quote
  #4  
Old   
Barry Koopersmith
 
Posts: n/a

Default Re: Help with proportional window sizing - 07-16-2004 , 06:44 PM


terry wrote:

Quote:
"Barry Koopersmith" <bkoopers (AT) optonline (DOT) net> wrote in message
news:cd4sa7$lit$1 (AT) forums (DOT) macromedia.com...

I am trying to change the layout of a website from this (the entire
screen scrolls):

http://www.lourdsmusic.com/main.html

to this (only the main body section scrolls with black borders on all
four sides):

http://www.lourdsmusic.com/main.htm


snip

You could try a floating menu, example here:
http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm

and give the <body> a left margin that corresponds to the width of the menu
and then use another floating type div to hold your controls. The main
content can then be positioned in body and the copyright can go right at the
bottom of the page.

This is a very rough example of the style but it should give you an idea.

style type="text/css"
!--
body {
font: 100% Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #000000;
margin: 64px auto 0px 150px;
padding: 1em;
width: 80%;
}
--
/style

No frames required.
Then again, you could just use an iframe because I don't think accessibility
issues are high on your agenda are they.

HTH

Terry
Thank you for your response.

I don't like the look of the the floating menu (it is disconcerting to me).

Accessibility is of concern to me. Since 95% of web browsers used are
Internet Explorer and they handle frames, what did you mean by that? I
tested my frame webpages with IE v6.0 and Netscape v4.79 and v7.1 and it
works.

I am trying to accomplish a rectangle "box" design with the same menu
rectangle on every page in the lower left corner and the same flash
music player in the top right corner. There will be a different poster
image on each page in the upper left corner. The lower right corner
rectangle will be the only rectangle to have vertical scroll bars to
display the main information (text and images). With frames, I was able
to accomplish this (plus using the same menu frame and same music player
frame for every frame set so I don't need to include that code on every
page like the old design).

I want to create something similar to how this website looks:

http://www.spsounds.com

That website is not using frames (just tables) but they have a scrolling
section only in the lower right rectangle. Can please you tell me how
they are doing that or what would be my best approach for accomplishing
my goals?

Thanks for your assistance.



Reply With Quote
  #5  
Old   
Gary White
 
Posts: n/a

Default Re: Help with proportional window sizing - 07-16-2004 , 07:16 PM


"Barry Koopersmith" <bkoopers (AT) optonline (DOT) net> wrote


Quote:
I want to create something similar to how this website looks:

http://www.spsounds.com

That website is not using frames (just tables) but they have a scrolling
section only in the lower right rectangle. Can please you tell me how
they are doing that or what would be my best approach for accomplishing
my goals?

It is using an IFRAME:

<iframe src="newcalendar.html" name="calendar" id="news" width="400"
height="450" scrolling="auto" frameborder="0" marginheight="6"
marginwidth="6"></iframe>

Note that IFRAMEs do NOT work in NN4.x or other browsers older than that.
They DO still suffer from all the other issues that frames do.

Gary




Reply With Quote
  #6  
Old   
terry
 
Posts: n/a

Default Re: Help with proportional window sizing - 07-17-2004 , 05:03 AM



"Barry Koopersmith" <bkoopers (AT) optonline (DOT) net> wrote


<snip>
Quote:
Accessibility is of concern to me. Since 95% of web browsers used are
Internet Explorer and they handle frames, what did you mean by that? I
tested my frame webpages with IE v6.0 and Netscape v4.79 and v7.1 and it
works.
snip

Without getting onto the accessibility soapbox could you please let me have
a link to your source of information regarding browser usage and
percentages. That would be very useful to me.

Will email you later with info on the use of iframes.

Terry




Reply With Quote
  #7  
Old   
Barry Koopersmith
 
Posts: n/a

Default Re: Help with proportional window sizing - 07-17-2004 , 09:23 PM


terry wrote:

Quote:
"Barry Koopersmith" <bkoopers (AT) optonline (DOT) net> wrote in message
news:cd9loc$r39$1 (AT) forums (DOT) macromedia.com...

snip

Accessibility is of concern to me. Since 95% of web browsers used are
Internet Explorer and they handle frames, what did you mean by that? I
tested my frame webpages with IE v6.0 and Netscape v4.79 and v7.1 and it
works.

snip

Without getting onto the accessibility soapbox could you please let me have
a link to your source of information regarding browser usage and
percentages. That would be very useful to me.

Will email you later with info on the use of iframes.

Terry
This is the link where I found the web browser type usage statistics
(from July 2003):

http://www.onestat.com/html/aboutus_pressbox23.html

Looking today, I found this link with statistics through July 2004:

http://www.w3schools.com/browsers/browsers_stats.asp





Reply With Quote
  #8  
Old   
terry
 
Posts: n/a

Default Re: Help with proportional window sizing - 07-18-2004 , 03:24 AM



"Barry Koopersmith" <bkoopers (AT) optonline (DOT) net> wrote


<snip>

Quote:
This is the link where I found the web browser type usage statistics
(from July 2003):

http://www.onestat.com/html/aboutus_pressbox23.html

Looking today, I found this link with statistics through July 2004:

http://www.w3schools.com/browsers/browsers_stats.asp
Hi Barry,

Thanks for links and email.

Regards

Terry .




Reply With Quote
Reply

« Previous Thread | Next Thread »



Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.


C++ Forums - MySQL Forums - Databases Forums - Hardware Forums - Borland Forums - Java Forums - Dotnet Forums - HighDots Forums - Archive - Top