[linx]

People, I'd like to discuss problems of positioning blocks on web-pages.
I don't understand the difference till the end...
_________________
...and justice for all...

[musician]

Within CSS you can position where exactly items will appear in the browser. This is done by either one of two ways. An absolute position, whereas you are defining exactly where within the browser that the item should appear. A relative position, where an item is placed within the browser based on its relationship to another item already in the browser output.

[musician]

Look, it is simple:

[max]

Value Description
static
Default. An element with position: static always has the position the normal flow of the page gives it (a static element ignores any top, bottom, left, or right declarations)
relative
An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position
absolute
An element with position: absolute is positioned at the specified coordinates relative to its containing block. The element's position is specified with the "left", "top", "right", and "bottom" properties
fixed
An element with position: fixed is positioned at the specified coordinates relative to the browser window. The element's position is specified with the "left", "top", "right", and "bottom" properties. The element remains at that position regardless of scrolling. Works in IE7 (strict mode)

[linx]

Thanks!
I should do a column where there will be background, on that background I need to put an image and on that image - text...

I hardly understand how to do that...
_________________
...and justice for all...

[musician]

Try putting in a div background

Then you can put two div's one by another with absolute position

[musician]

or relative and absolute...

[linx]

It works!

[musician]

try hack for Opera...

[linx]

I've resolved that problem... Helped fixed width: