-
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
-
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 ;)
