Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    New Coder
    Join Date
    Sep 2003
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Framesets & Browsers

    Hi all,

    Thanks for all your help on my recent frameset problem. I have narrowed down the problem to be sizing on different computer screens. Can someone please advise me on the additional code I would need to add in order to have this open properly no matter what size monitor & also no matter what size resolution people have their screens set to. The website is
    www.venusenvymusic.net. Here is the code I have for the opening page:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    <html>
    <head>
    <title>Venus Envy...Women Who Rock </title>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>

    <frameset rows="450,*" cols="*" framespacing="0" frameborder="NO" border="0">
    <frame src="banner.html" name="topFrame" scrolling="NO" noresize >
    <frame src="home.html" name="mainFrame" scrolling="auto">
    </frameset>
    <noframes><body>

    </body></noframes>
    </html>

    Thanks!!

    Tracy

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Posts
    676
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Re: Framesets & Browsers

    Originally posted by webrock
    Can someone please advise me on the additional code I would need to add in order to have this open properly no matter what size monitor & also no matter what size resolution people have their screens set to.
    web...
    /me would just a suggest®...aka nottt just a dvise® lol...ummm to use just a %®...

  • #3
    New Coder
    Join Date
    Sep 2003
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Where would I put the % code in?

  • #4
    Regular Coder
    Join Date
    Dec 2003
    Location
    USA
    Posts
    230
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Fluid layout. Define dimensions with percentages, instead of pixels.

  • #5
    New Coder
    Join Date
    Sep 2003
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    So instead of frameset rows=450, would I put 100%??? Sorry for being so ignorant, but I've never worked with framesets before.

  • #6
    Super Moderator sage45's Avatar
    Join Date
    May 2002
    Posts
    1,059
    Thanks
    0
    Thanked 13 Times in 13 Posts
    No more like:

    <frameset rows="75%,25%" framespacing="0" frameborder="NO" border="0">

    Your percents would = 100%, you just need to decide on what percentage of the viewable browser that you want for each row...

    Another thing to do, and takes a lot more coding, is to make a standard size for each screen resolution...

    i.e. --

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    if (window != top) top.location.href = location.href;
    function redirectPage() {
    var url640x480 = "640.480/index.htm";
    var url800x600 = "800.600/index.htm";
    var url1024x768 = "1024.768/index.htm";
    if ((screen.width == 640) && (screen.height == 480))
    window.location.href= url640x480;
    else if ((screen.width == 720) && (screen.height == 480))
    window.location.href= url640x480;
    else if ((screen.width == 720) && (screen.height == 576))
    window.location.href= url640x480;
    else if ((screen.width == 800) && (screen.height == 600))
    window.location.href= url800x600;
    else if ((screen.width >= 1024) && (screen.height >= 768))
    window.location.href= url1024x768;
    else window.location.href= url1024x768;
    }
    // -->
    </SCRIPT>

    or even --:

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    if (window != top) top.location.href = location.href;
    function redirectPage() {
    if ((screen.width == 640) && (screen.height == 480))
    {
    document.write('<FRAMESET ROWS="250,*" FRAMEBORDER="NO" FRAMESPACING="0">')
    document.write('<FRAME SCROLLING="NO" NORESIZE SRC="banner.html" NAME="topFrame">')
    document.write('<FRAME SCROLLING="AUTO" SRC="home.html" NAME="mainFrame">')
    document.write('</FRAMESET>')
    }
    else if ((screen.width == 720) && (screen.height == 480))
    {
    document.write('<FRAMESET ROWS="300,*" FRAMEBORDER="NO" FRAMESPACING="0">')
    document.write('<FRAME SCROLLING="NO" NORESIZE SRC="banner.html" NAME="topFrame">')
    document.write('<FRAME SCROLLING="AUTO" SRC="home.html" NAME="mainFrame">')
    document.write('</FRAMESET>')
    }
    else if ((screen.width == 720) && (screen.height == 576))
    {
    document.write('<FRAMESET ROWS="350,*" FRAMEBORDER="NO" FRAMESPACING="0">')
    document.write('<FRAME SCROLLING="NO" NORESIZE SRC="banner.html" NAME="topFrame">')
    document.write('<FRAME SCROLLING="AUTO" SRC="home.html" NAME="mainFrame">')
    document.write('</FRAMESET>')
    }
    else if ((screen.width == 800) && (screen.height == 600))
    {
    document.write('<FRAMESET ROWS="400,*" FRAMEBORDER="NO" FRAMESPACING="0">')
    document.write('<FRAME SCROLLING="NO" NORESIZE SRC="banner.html" NAME="topFrame">')
    document.write('<FRAME SCROLLING="AUTO" SRC="home.html" NAME="mainFrame">')
    document.write('</FRAMESET>')
    }
    else if ((screen.width >= 1024) && (screen.height >= 768))
    {
    document.write('<FRAMESET ROWS="450,*" FRAMEBORDER="NO" FRAMESPACING="0">')
    document.write('<FRAME SCROLLING="NO" NORESIZE SRC="banner.html" NAME="topFrame">')
    document.write('<FRAME SCROLLING="AUTO" SRC="home.html" NAME="mainFrame">')
    document.write('</FRAMESET>')
    }
    else
    {
    document.write('<FRAMESET ROWS="450,*" FRAMEBORDER="NO" FRAMESPACING="0">')
    document.write('<FRAME SCROLLING="NO" NORESIZE SRC="banner.html" NAME="topFrame">')
    document.write('<FRAME SCROLLING="AUTO" SRC="home.html" NAME="mainFrame">')
    document.write('</FRAMESET>')
    }

    }
    //-->
    </SCRIPT>

    HTH,

    -sage-
    HTML & CSS Forum Moderator

    "If you don't know what you think you know, then what do you know."
    R.I.P. Derrick Thomas #58
    1/1/1967 - 2/8/2000

  • #7
    Regular Coder
    Join Date
    Dec 2003
    Location
    USA
    Posts
    230
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Creating a fluid layout, to do what you want, will require you to do a bit more than just define the dimensions of your frameset with percentages. If done as such, the frameset will expand and contract, but your content won't, which will basically defeat the purpose.

  • #8
    me'
    me' is offline
    Senior Coder
    Join Date
    Nov 2002
    Location
    Warwickshire, England
    Posts
    1,229
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by Paul Jr
    Creating a fluid layout, to do what you want, will require you to do a bit more than just define the dimensions of your frameset with percentages. If done as such, the frameset will expand and contract, but your content won't, which will basically defeat the purpose.
    The content will resize if it's expressed as a percentage of its parent, for example you have a div inside a frame with height: 80%; set, as the parent shrinks so will the child.
    David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
    W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

  • #9
    Super Moderator sage45's Avatar
    Join Date
    May 2002
    Posts
    1,059
    Thanks
    0
    Thanked 13 Times in 13 Posts
    Exactly...

    The first of the two scripts I offered is the stricter approach as it requires you define everything for each screen resolution, in essence having basically 6 to 10 sites...

    Whereas the second script allows for a looser approach by way of proportional sizing or specifying percentages for all of your content...

    Good pickup me'...

    -sage-
    HTML & CSS Forum Moderator

    "If you don't know what you think you know, then what do you know."
    R.I.P. Derrick Thomas #58
    1/1/1967 - 2/8/2000

  • #10
    New Coder
    Join Date
    Sep 2003
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts
    So would I want to use your second set of code (the very long one & that should cover it for the mainpage & also each page that loads into the mainframe?

  • #11
    me'
    me' is offline
    Senior Coder
    Join Date
    Nov 2002
    Location
    Warwickshire, England
    Posts
    1,229
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Good pickup me'...
    Thanks, it's good to see you're posting again!
    David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
    W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

  • #12
    Regular Coder
    Join Date
    Dec 2003
    Location
    USA
    Posts
    230
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If webrocks's actual content is not designed fluidly, then screwing with his frameset isn't gonna achieve what he wants...

  • #13
    Super Moderator sage45's Avatar
    Join Date
    May 2002
    Posts
    1,059
    Thanks
    0
    Thanked 13 Times in 13 Posts
    Originally posted by webrock
    So would I want to use your second set of code (the very long one & that should cover it for the mainpage & also each page that loads into the mainframe?
    It really depends on how much work you are willing to do... If you choose the second script then you will have to keep in mind what Paul has been saying... You will need to ensure that all the content within the frames is resized in relation to the overall size of the frame... While this means more overall coding it also means easier manageability... Whereas the first approach means less overall coding but harder manageability...

    Originally posted by me'
    Thanks, it's good to see you're posting again!
    Good to be back and glad to see I was missed...

    Originally posted by Paul Jr
    If webrocks's actual content is not designed fluidly, then screwing with his frameset isn't gonna achieve what he wants...
    Also very true... Lets just hope that the point is well taken...

    -sage-
    HTML & CSS Forum Moderator

    "If you don't know what you think you know, then what do you know."
    R.I.P. Derrick Thomas #58
    1/1/1967 - 2/8/2000


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •