Solved

positioning element on a page

Posted on 2006-07-23
4
206 Views
Last Modified: 2010-04-25
HI

i am after some advice on positioning elements on a page, i have set up a sample at www.lesperance.uk.com. and sample property at www.lesperance.uk.com/html/sample.htm

I am integating this with a mysql database which is going to hold records and details of property, with regards to the property details the amount of text will vary.

I want to be able to set up the page so that the footer (bottom right logo and some links/copyright bit will position themselves depending on the amount of text above them.

The page is set up with a contanier div and then elements are positioned with absolutly positioned layers.

would i be better using a table, what would be the best way for this site.

or should i just limitthe amount of text people agents can upload.

thanks
socross
0
Comment
Question by:socross
  • 2
  • 2
4 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 350 total points
ID: 17164954
Hi socross,

The best way to position a footer element is not to use absolute position.  Instead, you use a regular div and set the clear: property so that it clears all other div objects.  This allows you to have a div above the footer than can push the footer down.

Alternately, you could use a table for layout but that method is becoming frowned upon in the design community.

Limiting text is a good idea in any event.
0
 
LVL 1

Author Comment

by:socross
ID: 17166154
sounds good

my only concern is if you look at the design at www.lesperance.uk.com i want the boxes in the bottom right to be part of the footer but they come up into the document is there any way around this or should i concider a redesign

thanks

socross
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 17169470
Without seeing how far down the footer can be pushed, I can't give a good answer.  I think you are looking at having three columns (left margin and box background, center content, right margin and box background) as well as the footer.  If you make the box images a background in the div and pin the background to the upper left and lower right corners respectively, the right side should follow the footer as it is pushed down.  The footer itself would contain the horizontal boxes on the lower right.
0
 
LVL 1

Author Comment

by:socross
ID: 17197468
ok will give it a try over the next couple of days

thanks
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Free website editor 10 560
Extra Spacing In Pattern Matching 13 318
Site contents shift off page in IE 32 130
I'm running a risk by using Adobe Flash in my site ? 9 119
I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…
Finds all prime numbers in a range requested and places them in a public primes() array. I've demostrated a template size of 30 (2 * 3 * 5) but larger templates can be built such 210  (2 * 3 * 5 * 7) or 2310  (2 * 3 * 5 * 7 * 11). The larger templa…

825 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question