I've searched Google and the group archives, and came up empty, but
maybe I just haven't selected the right search term.
This concerns only the screen -- printing isn't an issue. I'm also
not concerned about the appearance of the page in IE6 as long as the
page is still usable.
I want to have two pseudo-frames, using only CSS and no JS. The top
"frame", 4em high, is a menu, and I want it to stay at the top of the
viewport. The rest of the page is the text. The menu items all
point to various anchors, <h2 id-...and similar, in the page.
I've got the menu in place using position:fixed. And using a
padding-top, I have the text starting below the menu. But as soon as
I scroll the text it slides under the menu, and when I click a link
in the menu the anchor text is a the top of the viewport, under the
window.
Is there a way to set up these pseudo-frames, or can I truly not do
it in CSS2?
--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You: http://diveintomark.org/archives/200..._wont_help_you 9 3026
On 2008-09-30, Stan Brown <th************@fastmail.fmwrote:
I've searched Google and the group archives, and came up empty, but
maybe I just haven't selected the right search term.
This concerns only the screen -- printing isn't an issue. I'm also
not concerned about the appearance of the page in IE6 as long as the
page is still usable.
I want to have two pseudo-frames, using only CSS and no JS. The top
"frame", 4em high, is a menu, and I want it to stay at the top of the
viewport. The rest of the page is the text. The menu items all
point to various anchors, <h2 id-...and similar, in the page.
I've got the menu in place using position:fixed. And using a
padding-top, I have the text starting below the menu. But as soon as
I scroll the text it slides under the menu, and when I click a link
in the menu the anchor text is a the top of the viewport, under the
window.
Is there a way to set up these pseudo-frames, or can I truly not do
it in CSS2?
You don't need to do position: fixed. Divide the page up with absolutely
positioned divs and make each of them overflow: scroll.
This kind of thing:
.frame
{
position: absolute;
left: 0;
right: 0;
overflow: scroll;
}
.top
{
top: 0;
height: 4em;
}
.main
{
top: 4em;
bottom: 0;
}
....
<div class="frame top">
</div>
<div class="frame main">
</div>
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
I want to have two pseudo-frames, using only CSS and no JS. The top
"frame", 4em high, is a menu, and I want it to stay at the top of the
viewport. The rest of the page is the text. The menu items all
point to various anchors, <h2 id-...and similar, in the page.
....
Is there a way to set up these pseudo-frames, or can I truly not do
it in CSS2?
You don't need to do position: fixed. Divide the page up with absolutely
positioned divs and make each of them overflow: scroll.
This kind of thing:
.frame
{
position: absolute;
left: 0;
right: 0;
overflow: scroll;
}
Nice idea Ben...
<http://dorayme.890m.com/alt/pseudoFrames.html>
--
dorayme
On 2008-09-30, dorayme <do************@optusnet.com.auwrote:
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
I want to have two pseudo-frames, using only CSS and no JS. The top
"frame", 4em high, is a menu, and I want it to stay at the top of the
viewport. The rest of the page is the text. The menu items all
point to various anchors, <h2 id-...and similar, in the page.
...
>
Is there a way to set up these pseudo-frames, or can I truly not do
it in CSS2?
You don't need to do position: fixed. Divide the page up with absolutely positioned divs and make each of them overflow: scroll.
This kind of thing:
.frame { position: absolute; left: 0; right: 0; overflow: scroll; }
Nice idea Ben...
<http://dorayme.890m.com/alt/pseudoFrames.html>
What does height* mean? I had a look at view source and saw it there.
Maybe it's a typo and that's why you also set background: #fcc on body.
Using that #fifth link is a nice idea-- you couldn't do that with
frames.
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
On 2008-09-30, dorayme <do************@optusnet.com.auwrote:
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
I want to have two pseudo-frames, using only CSS and no JS. The top
"frame", 4em high, is a menu, and I want it to stay at the top of the
viewport. The rest of the page is the text. The menu items all
point to various anchors, <h2 id-...and similar, in the page.
...
Is there a way to set up these pseudo-frames, or can I truly not do
it in CSS2?
You don't need to do position: fixed. Divide the page up with absolutely
positioned divs and make each of them overflow: scroll.
This kind of thing:
.frame
{
position: absolute;
left: 0;
right: 0;
overflow: scroll;
}
Nice idea Ben...
<http://dorayme.890m.com/alt/pseudoFrames.html>
What does height* mean? I had a look at view source and saw it there.
Just my quick and dirty way to remove it for a moment. I forgot to
remove it. I could bot see it being necessary
>
Maybe it's a typo and that's why you also set background: #fcc on body.
Using that #fifth link is a nice idea-- you couldn't do that with
frames.
I don't think this is quite so, you can do it in frames. You just link
to whatever#id in the target doc. Oh yes! I just remembered, you are of
the modern generation which thinks iFrames whereas I think the T model
job, real frames! <g>
By the way, the first thought that struck me in looking at OP's problem
was that he could have made fixed work (at least on FF and Safari) by
attending to backgrounds:
<http://dorayme.890m.com/alt/positionFixed.html>
But yours was more interesting.
--
dorayme
In article <do**********************************@web.aioe.org >,
dorayme <do************@optusnet.com.auwrote:
bot
not
--
dorayme
On 2008-10-01, dorayme <do************@optusnet.com.auwrote:
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
>On 2008-09-30, dorayme <do************@optusnet.com.auwrote:
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
I want to have two pseudo-frames, using only CSS and no JS. The top
"frame", 4em high, is a menu, and I want it to stay at the top of the
viewport. The rest of the page is the text. The menu items all
point to various anchors, <h2 id-...and similar, in the page.
...
Is there a way to set up these pseudo-frames, or can I truly not do
it in CSS2?
You don't need to do position: fixed. Divide the page up with absolutely positioned divs and make each of them overflow: scroll.
This kind of thing:
.frame { position: absolute; left: 0; right: 0; overflow: scroll; }
Nice idea Ben...
<http://dorayme.890m.com/alt/pseudoFrames.html>
What does height* mean? I had a look at view source and saw it there.
Just my quick and dirty way to remove it for a moment. I forgot to
remove it. I could bot see it being necessary
>> Maybe it's a typo and that's why you also set background: #fcc on body.
Using that #fifth link is a nice idea-- you couldn't do that with frames.
I don't think this is quite so, you can do it in frames. You just link
to whatever#id in the target doc. Oh yes! I just remembered, you are of
the modern generation which thinks iFrames whereas I think the T model
job, real frames! <g>
No I was thinking of real frames this time. I'm sure you're right and it
does work.
By the way, the first thought that struck me in looking at OP's problem
was that he could have made fixed work (at least on FF and Safari) by
attending to backgrounds:
<http://dorayme.890m.com/alt/positionFixed.html>
Yes that works too, and means you get to scroll the main "frame" with
the proper viewport scrollbar. But quite jerky in Firefox because their
implementation of position: fixed is crap.
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
On 2008-10-01, dorayme <do************@optusnet.com.auwrote:
>
By the way, the first thought that struck me in looking at OP's problem
was that he could have made fixed work (at least on FF and Safari) by
attending to backgrounds:
<http://dorayme.890m.com/alt/positionFixed.html>
Yes that works too, and means you get to scroll the main "frame" with
the proper viewport scrollbar. But quite jerky in Firefox because their
implementation of position: fixed is crap.
I had heard of this jerkiness and have raised it myself at times but I
notice not a trace of such jerkiness in my Mac FF3 with the above URL
(nor in any other of my browsers. But I have not tested on Windows).
Now, I am talking simple scrollbar with mouse, not scroll wheels
------------
(Reminder to myself, must get one of these... I miss it when I have had
a session on a Windows box, they all have scroll wheels with their mice)
--
dorayme
On 2008-10-01, dorayme <do************@optusnet.com.auwrote:
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
>On 2008-10-01, dorayme <do************@optusnet.com.auwrote:
>>
By the way, the first thought that struck me in looking at OP's problem
was that he could have made fixed work (at least on FF and Safari) by
attending to backgrounds:
<http://dorayme.890m.com/alt/positionFixed.html>
Yes that works too, and means you get to scroll the main "frame" with the proper viewport scrollbar. But quite jerky in Firefox because their implementation of position: fixed is crap.
I had heard of this jerkiness and have raised it myself at times but I
notice not a trace of such jerkiness in my Mac FF3 with the above URL
(nor in any other of my browsers. But I have not tested on Windows).
Now, I am talking simple scrollbar with mouse, not scroll wheels
I get the jerkiness even with the normal scrollbar, or just pressing the
down arrow (FF3 on GNU/Linux). It may be that you just have a faster
computer. Also Darwin may be more efficient at updating the screen than
Xorg. This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: TPG |
last post by:
I'd like a Javascript function I have written to be invoked whenever
*any* new document is been loaded into a particular frame (i.e I don't
control the incoming document's BODY tag). Under...
|
by: Paul |
last post by:
I have a simple frame-based application where title information
appears in a top frame and a lower frame contains the content
for the application. One of the needs for this app is for a
status...
|
by: Matt |
last post by:
In the following code, page1.asp is inside the frame of main.html.
When the user click submit button in page1.asp, it will submit the form
and open a new window called page2.asp. When the user...
|
by: Don |
last post by:
Is there some way to redirect the "main" frame to another URL from within the "header" frame?
Thanks,
Don
----== Posted via Newsfeeds.Com - Unlimited-Uncensored-Secure Usenet News==----...
|
by: AES/newspost |
last post by:
I've just re-scanned most of the 60+ posts in the "Frames are Evil"
thread, and my question, as the admittedly and permanently amateur
creator and maintainer of a simple site, is:
Using only...
|
by: Bill Cohagan |
last post by:
I'm trying out ASP.Net and am currently trying to figure out how to refresh
the contents of one frame based on a button click in another frame. The
button in question is actually a server side...
|
by: Steven T. Hatton |
last post by:
I'm trying to improve my formal understanding of C++. One significant part
of that effort involves clarifying my understanding of the vocabulary used
to describe the language.
This is from the...
|
by: sid |
last post by:
"about:blank" oepns new browser window
I am writing a webpage that will run on other machines that I may or
may not know about. My page is framed where frame1 controls the
content of frame2.
...
|
by: qpoi11 |
last post by:
Does anyone know how to open a table in datasheet view and have the
surrounding window be fitted to the table? In other words, I'd like
the "frame" window surrounding the table to be fitted to the...
|
by: lllomh |
last post by:
Define the method first
this.state = {
buttonBackgroundColor: 'green',
isBlinking: false, // A new status is added to identify whether the button is blinking or not
}
autoStart=()=>{
|
by: DJRhino |
last post by:
Was curious if anyone else was having this same issue or not....
I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
|
by: isladogs |
last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM)
The start time is equivalent to 19:00 (7PM) in Central...
|
by: Aliciasmith |
last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
|
by: NeoPa |
last post by:
Introduction
For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
|
by: Teri B |
last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course.
0ne-to-many. One course many roles.
Then I created a report based on the Course form and...
|
by: isladogs |
last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM)
Please note that the UK and Europe revert to winter time on...
|
by: isladogs |
last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM).
In this month's session, Mike...
|
by: GKJR |
last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...
| | |