Sent by Bob Easton on 29 January 2005 23:11
webmaster wrote:
> Please help me. As I'm just getting on with css and I really like it.
>
> like me, many of my sites are in a transition between tables and css -
> having parts of each. The absolute positioning renders differently with
> different screen resolution and size. It seems there is no correlation
> between the 'floating' css elements and the rigid table. Can something
> be done to keep the css elements 'locked' in their place, or stationary
> relative to non-css elements?
>
> See the 'your-company here' and 'bookmark Me! items. absolute position
> with css: http://www.myblueshoes.com/web_layout2_home.htm
One of the concepts that is often difficult for people new to CSS is
discovering the difference between absolute positioning (AP) and float
positioning.
A key concept to learn is that when something is AP positioned, it is
"taken out of the flow." That means that other elements on the page are
unaware of the existence or position of AP elements and might overlap
with impunity. This is the behavior you're seeing. Our CSS WIKI has a
page about AP that includes very good advantages and disadvantages
information (near the bottom of the page.)[1]
Floats, on the other hand, allow other material to flow around them.
They bring a completely different set of advantages and disadvantages,
not so clearly defined in our WIKI pages. One of the best float
tutorials you can find is Big John and Holly's.[2]
[1] http://css-discuss.incutio.com/?page=AbsoluteLayouts
[2] http://www.positioniseverything.net/articles/float-theory.html
--
Bob Easton
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/