Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 249
  • Last Modified:

Absolute positionning and html flow

What I would do:
I want generate an HTML file who must produce a page with an header, a body and a footer.
In each part, elements are positionned with Absolute positionning of the CSS.
Each element (text box, table....) has styles defined with the CSS.
I don't want use the frames
It can be read with Netscape & Explorer
What I know:
Height of header and footer (but not body's height)
width of each part = 100 %
elements to define different styles (and of course their coordonates)
0
rafounet
Asked:
rafounet
  • 5
  • 2
  • 2
  • +2
1 Solution
 
MasseyMCommented:
Using the stylesheets, you can create each element (Header, Footer, etc...) as <DIV> elements... you can then choose where they are placed... example:

<DIV ID="Header" STYLE="position:absolute; top:0;">
Header info here...
</DIV>
<DIV ID="Body" STYLE="position:relative; top;10;">
the "top:10" above places this "DIV" 10 pixels below the Header DIV.
Body stuff here...
</DIV>
<DIV ID="Footer" STYLE="position:relative; top:10;">
Footer info...
</DIV>

The heights of the header and footers are not important nor is the body height.. This example will work no matter the height... However, from my experience, these work noly in Internet explorer and Netscape 4.x browsers.. I am not sure how well Cascading Style Sheets are implemented in 3.x browsers...

- Matt
0
 
rafounetAuthor Commented:
Hi Matt,
Thanks for your response but it's not acceptable for these reasons:
1st: The 2 DIV in Relative position are placed in the page relatively of the top left of the document because the Header is defined in absolute. In fact, when you define parts in absolute position, it doesn't enter in the HTML Flow. So you have the header on the top left (absolute in top 0) and the other div (resp. body & footer) at resp. 10 & 20 of the top left of the document and not of the bottom of the header.
2nd: I have to place Items in differents parts (header, body, footer) in absolute position from the top left of this part and not from the top left of the document...
Note: I'm using IE4.72 & Netscape 4.05.




0
 
rafounetAuthor Commented:
The problem is that Items with CSSP "position:absolute;" are not in the HTML flow.
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
MasseyMCommented:
The first "position:absolute: is in the flow... It acts as an" anchor on which the rest of the layers "attach"  I have an intranet design @ general Electric that uses CSS and does exactly what you are saying... Use it if you waqnt... if not, oh well

0
 
jbirkCommented:
Why don;t you want to use frames?  They sound like the ideal situation for what you are asking?  I don't think there are very many people left who have browsers which don't support frames, and CSS is HTML 4 anyway, so it's only available in 4.0 browsers.

-Josh
0
 
gmoriakCommented:
Use frames, both browsers being used support them and they do exactly what you want.  Why wouldn't you use them?
0
 
rafounetAuthor Commented:
I can't use frame for conforming at graphic chart !!!
0
 
rafounetAuthor Commented:
Same response as jbirk's
0
 
jbirkCommented:
Maybe you could provide a url, so we could see the problem first hand, and suggest a good way to get it working.
-Josh
0
 
Patricia080698Commented:
The best suggestion that I can give you is using tables. If you know how to use tables (tr, td, rowspan and colspan) than you can defenitely arrange your pages as you want. And the best thing is that it will work in Netscape AND Explorer, they are also flexible enough, so when you change your screen resolution the pages (or tables) will be arranged automatically. Hope that helps.
0
 
rafounetAuthor Commented:
Hye Patricia,
Your answer can't work for me because my real problem is to mix Html flow positionning and absolute positionning.
I close this question because I think there is no acceptable way for this problem with the constraints I have ...
Thanks at all ...(Matt, Josh, GMoriak and Patricia)...

Raf.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

  • 5
  • 2
  • 2
  • +2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now