?
Solved

positioning element on a page

Posted on 2006-07-23
4
Medium Priority
?
215 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 1400 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

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
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…
How can you see what you are working on when you want to see it while you to save a copy? Add a "Save As" icon to the Quick Access Toolbar, or QAT. That way, when you save a copy of a query, form, report, or other object you are modifying, you…
This video tutorial shows you the steps to go through to set up what I believe to be the best email app on the android platform to read Exchange mail.  Get the app on your phone: The first step is to make sure you have the Samsung Email app on your …
Suggested Courses

588 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