• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 217
  • Last Modified:

positioning element on a page

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
socross
Asked:
socross
  • 2
  • 2
1 Solution
 
Jason C. LevineNo oneCommented:
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
 
socrossAuthor Commented:
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
 
Jason C. LevineNo oneCommented:
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
 
socrossAuthor Commented:
ok will give it a try over the next couple of days

thanks
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

Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

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