Solved

positioning element on a page

Posted on 2006-07-23
4
205 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Refreshing remote files display in Dreamweaver and FileZilla 10 373
submit button form code 2 427
can't connect to server via ftp from dreamweaver 22 2,400
Debug PHP with Dreamweaver 6 695
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…
Migrating to Microsoft Office 365 is becoming increasingly popular for organizations both large and small. If you have made the leap to Microsoft’s cloud platform, you know that you will need to create a corporate email signature for your Office 365…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

863 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

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now