Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

positioning element on a page

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

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

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

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 …
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
Exchange organizations may use the Journaling Agent of the Transport Service to archive messages going through Exchange. However, if the Transport Service is integrated with some email content management application (such as an anti-spam), the admin…
Are you ready to place your question in front of subject-matter experts for more timely responses? With the release of Priority Question, Premium Members, Team Accounts and Qualified Experts can now identify the emergent level of their issue, signal…

783 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