473,549 Members | 2,254 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Absolute position, variable height?

I'm taking the liberty of reposting the query I posted five days
ago. I hope that it just got overlooked because it was in the middle
of a thread.

Sample page:
http://www.acad.sunytccc.edu/instruc...e/probform.htm
The above has the breadcrumbs physically at end of file but
positioned absolutely via CSS to the start of the display, so as to
have the actual page content show in search engine results. (The
breadcrumbs are presently in a table inside the div. I do plan to
get rid of the table.)

This replaces
http://www.acad.sunytccc.edu/instruc...t/probform.htm
which has the breadcrumbs physically at the top of the file.

But the absolutely positioned version naturally breaks when the
user's font size is quite large or the window is quite narrow: the
breadcrumbs overlay the beginning of the page content.

Here's my question: if I want to position anything visually across
the top of the page but have it physically at the end of the file,
how do I set it up so that the actual content moves down according
to the height of the positioned stuff?

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/
Jul 20 '05 #1
2 6096

"Stan Brown" <th************ @fastmail.fm> wrote in message
news:MP******** *************** *@news.odyssey. net...
I'm taking the liberty of reposting the query I posted five days
ago. I hope that it just got overlooked because it was in the middle
of a thread.

Sample page:
http://www.acad.sunytccc.edu/instruc...e/probform.htm
The above has the breadcrumbs physically at end of file but
positioned absolutely via CSS to the start of the display, so as to
have the actual page content show in search engine results. (The
breadcrumbs are presently in a table inside the div. I do plan to
get rid of the table.)

This replaces
http://www.acad.sunytccc.edu/instruc...t/probform.htm
which has the breadcrumbs physically at the top of the file.

But the absolutely positioned version naturally breaks when the
user's font size is quite large or the window is quite narrow: the
breadcrumbs overlay the beginning of the page content.

Here's my question: if I want to position anything visually across
the top of the page but have it physically at the end of the file,
how do I set it up so that the actual content moves down according
to the height of the positioned stuff?

Well, when no one else will touch a positioning question, I poke my
inadequate head in.

Seems to me that unless the div is at the point in the code where it's to
appear, you cannot float it. And if you cannot float it, you cannot get
items rendered under it to respect its size if it should vary.

Two possible solutions pop into my head.

1) Move #crumbs back to top and float left. Then clear, on the content div.
In fact, replace the table with two divs (floated left and right
respectively) within the crumbs div.

2) Set a width for the crumbs div. Scrolling will be invoked at narrow
screen widths, but you can leave the crumbs div at the end of the file where
you seem to want them.
Jul 20 '05 #2
In article <3f************ **********@news .rcn.com> in
comp.infosystem s.www.authoring.stylesheets, Neal wrote:
Seems to me that unless the div is at the point in the code where it's to
appear, you cannot float it. And if you cannot float it, you cannot get
items rendered under it to respect its size if it should vary.
Thanks, Neal. That's kind of ho I was thinking, but I wasn't sure
whether I was missing something.
2) Set a width for the crumbs div. Scrolling will be invoked at narrow
screen widths, but you can leave the crumbs div at the end of the file where
you seem to want them.


Hmm -- didn't think about this. I'll try some experiments.

(You had mentioned getting rid of the table in crumbs. That's
definitely in my plans. I was trying to solve the harder problem
first.

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/
Jul 20 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
128438
by: Chris Leonard | last post by:
Sorry if I'm posting a similar query again but I think this explanation of what I require is better. I have a page which is very long and as I scroll down the page there are various links, what I'd like to be able to do is when I click on a link return the absolute position within the page of that link. I've looked at event.clientY but...
10
2352
by: Stephan Koser | last post by:
Hi, how can I get the absolute position of a relative element? We dynamically create a page with multiple segments which are relatively ordered among each other. In these segments we have input fields. When such an input field is focused I need it's absolute position. Is there a way to do so with IE > 6? thanks...
1
1399
by: Luqman | last post by:
Where is Form Relative Position and Absolute Position in VS.Net 2005 ? Best Regards, Luqman
4
5657
by: Samuel | last post by:
Hi, Is it possible to get absolute position of element with javascript? e.g. I have textbox somewhere in table. Textbox relative to table cell position is 0,0. How can I get Textbox absolute position on page?? Please, any ideas, I'm going crazy... thanks
1
1795
by: SolFrankRosen | last post by:
I'm trying to make a button on my form be in a fixed position, I used: <asp:Button ID="butCancel" style="position:absolute"; runat="server" Text="Cancel" /> but I get an error that this "is not well formed" also is there a way in Visual Web Developer to have ALL new buttons, textboxes, etc. default to "absolute position"?
2
3477
by: rhino | last post by:
I'm working on a layout that has a variable-height middle section and need some suggestions on how I can make the bottom section adapt to that situation. Basically, I have: - a fixed-length, fixed-width top section which is just a graphic - a fixed-width _variable_height middle section which contains two columns, an index on the left and...
0
1139
by: Microsoft Newsserver | last post by:
Im using IE 6/7 / ASP.NET / Javascript. I need to determine the absolute position of elements on my page client side. In summart, I need to know if an event triggered mouse position appears inside a div. Now the rub is that some divs may be absolutely positioned and some may be positioned relatively. I know I can get the position of the...
30
4850
by: Bassem | last post by:
Hi, I've two div.s. One contains four images, when click on one, a JS function create an image corresponding to it and append it to the second div. I'm attempting to make each new image is to be movable. I'm trying for three days with many searches to create a DragPanel and set its TargetControlID to the certian images on the client side. I...
0
7546
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7471
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
7830
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
0
6071
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
1
5387
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
5111
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
1
1962
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1082
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
784
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.