SpiderCoder
asked on
Frameset Layout design Is below question possible
I want to create a frameset that looks like this: My puprpose is to have a media player in frame a and text in frame b I dont want the media player to be scrollable i want the text to readjust as it scrools up next to the media player. I dont want the textto go under the media player. I need a solution quickly or I have to go another route or is this possible using frames if not suggestions please. Below is a diagram of what I am after:
Thanks in advance.
-------------------------- ---------- ---------- ---------- ---------- ---------- ---------- -
| |
Frame A | |
| text text
| Frame B
-------------------------- ---|
text text text text (text will scroll up) |
text |
FRame B |
|
Thanks in advance
Thanks in advance.
--------------------------
| |
Frame A | |
| text text
| Frame B
--------------------------
text text text text (text will scroll up) |
text |
FRame B |
|
Thanks in advance
Does the text below Frame A belong to frame B also? Must those text be there?
ASKER
Yes the text belongs to frame B ,yes it needs to belong there If it didnt I would just do a regular vertical split. When the user scrolls I want the text to readjust as it gets next to frame A frame A will just be a media player
Is that, only the portion marked (text will scroll up) will be scrolled, and other parts keep fixed? If yes, you can break you the whole set-up into 4 frames.
ASKER
I dont believe that will work for what Im trying to acomplish what I want is the media player fixed in the left corner and when you you scroll the text comes from underneath the media player to the right side of the media playe.
OK. So you may try this:
In Frame B:
<html>
...
<style>
#frame_a {
position: fixed;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
}
</style>
<!--[if lt IE 7]>
<style>
#frame_a {
position: absolute;
left: expression( (ignoreMe2 = document.documentElement.s crollLeft ? document.documentElement.s crollLeft : document.body.scrollLeft ) + 'px' );
top: expression( (ignoreMe = document.documentElement.s crollTop ? document.documentElement.s crollTop : document.body.scrollTop) + 'px' );
}
</style>
<![endif]-->
....
<body>
<iframe id="frame_a" src="http://www.google.com/"></iframe>
<p>blah blah blahj blah blah blahj blah blah blahj blah blah blahj blah
blah blahj blah blah blahj blah blah blahj blah blah blahj blah blah blahj blah blah blahj blah blah blahj blah blah blahj blah ... blah blah blahj blah blah blahj
</p>
</body>
</html>
In Frame B:
<html>
...
<style>
#frame_a {
position: fixed;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
}
</style>
<!--[if lt IE 7]>
<style>
#frame_a {
position: absolute;
left: expression( (ignoreMe2 = document.documentElement.s
top: expression( (ignoreMe = document.documentElement.s
}
</style>
<![endif]-->
....
<body>
<iframe id="frame_a" src="http://www.google.com/"></iframe>
<p>blah blah blahj blah blah blahj blah blah blahj blah blah blahj blah
blah blahj blah blah blahj blah blah blahj blah blah blahj blah blah blahj blah blah blahj blah blah blahj blah blah blahj blah ... blah blah blahj blah blah blahj
</p>
</body>
</html>
However the frame A will cover anything beneath it, for this method.
ASKER
No sorry that doesnt work either I cant use an I frame if I do it it needs to be frames the pages in the frames are aspx pages not html pages. And the text goes underneath the i frame instead of re postioning to go to the right side of the frame.
No way to do it with frames. Only with iframe - or no frames at all, simply have the media player in the html page
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.