Results 1 to 2 of 2

Thread: html Frame sliding

  1. #1

    Thread Starter
    Hyperactive Member MeTTa@'s Avatar
    Join Date
    Aug 2005
    Posts
    312

    html Frame sliding

    Hello, i have a page with frames. One frame is exactly 800x75. I have an image with that exact size.

    """"""
    <frameset rows="150,90,600" frameborder="0" framespacing="0" border="0" marginwidth="0" marginheight="0" noresize>

    <frame src="banner.htm" noresize border="0" scrolling=no name="banner" width="800">
    <frame src="links.htm" noresize border="0" scrolling=no name="links" width="800">
    <frame src="main.htm" noresize border="0"scrolling=yes name="main" width="800">


    </frameset>
    """"""
    Well anyways, no matter what, when you resize the window it slides, moves and scrolls Can anyone help me out? Thanks,
    ___
    Dan

  2. #2
    I'm about to be a PowerPoster!
    Join Date
    Jan 2005
    Location
    Everywhere
    Posts
    13,647

    Re: html Frame sliding

    First, define your frameset page using the HTML 4 Frameset DTD. Then, instead of all this width and scrolling rubbish, use CSS

    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    <html lang="en">
    
    <head>
        <title>Frameset test</title>
        
        <style type="text/css">
            frame
            {
                overflow: hidden;
            }
            
            frame#main
            {
                overflow: visible;
            }
        </style>
    </head>
    
    <frameset rows="150, 90, *">
        <frame src="banner.htm" noresize="noresize" name="banner">
        <frame src="links.htm" noresize="noresize" name="links">
        <frame src="main.htm" id="main" name="main">
    </frameset>
    
    </html>
    Bear in mind that frames are pretty ugly and outdated. I suggest you learn how to create the same effect using <div> elements and a stylesheet, it will be much better.

    Also, I don't know how to remove frame borders properly. The border attribute is invalid in HTML 4. So, another case for you to use a different type of layout

Posting Permissions

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



Click Here to Expand Forum to Full Width