Syndicate content
> CSS Positioning : Bugs?

CSS Positioning : Bugs?

Introduction and Overview
Position: Static, Relative, Absolute, and Float
Tips on Positioning
Bugs?
Further Reading & Conclusion


Bugs?

Using a float make your content get "cut off"? Assign it a height of "auto".

Want to position a footer at the very bottom of the page when there's less than a full page of content? Make sure it is the last element in your source and tell it to:

position:absolute;
bottom:0;
top:auto;
left:auto;

Got a footer doing weird things when you've used floats? Tell it to clear:both.

If you've got problems occurring with positioning, check these two things, which are often a contributing factor:

1. Doctype. Have you got one? Have you got a correct one? You do need one. Get one. Now.
www.alistapart.com/stories/doctype

2. Box model. Are you doing it right? Got a large amount of visitors that use a browser that doesn't?
www.yourhtmlsource.com/stylesheets/cssspacing.html
www.tantek.com/CSS/Examples/boxmodelhack.html


Mary
Mary is an active member of the Christian-Web-Masters.Com forums. You can find her there to bug her about anything. Alternately, you can visit her website, and check out some other tutorials and free goodies.

Christian-Web-Masters.com newsletter

Stay informed on our latest news!