CSS - Really, Can This Be So Difficult?

I have the terrible feeling that I will not be able to explain this properly but I will try my best.

It's simple enough to make a layout with colloms using css, just by floating two or three divs, but what if I wanted to make multiple collums out of one bit of text?

Kind of like when your writing in a word processer that you've set to use two colums, when your writing fills up the first it just goes strait into the second.

hello !

I've got an issue with my footer on the page, it's floating sometimes through the main text

that happen only in cases when main content (right side) is too short

e.g.:
http://www.autobazareeu.sk/error.php?2

can you advice something how to align footer on bottom of the page ?
i think it's aligned right now by the height of main column
and if it's too short it seems bad

is there any chance to align footer by height of main content or left content, that would be best...


thanx in advance

Hmmmmm... This one has me stumped.

Check out http://www.chrisbartlett.net/fd/fd/short.html please. That site is 100% perfect as far as the guy I'm building it for is concerned. But it is missing something.

Now have a look at http://www.chrisbartlett.net/fd/fd/ in IE. See the "shadow" on the right? That tiny little arrow-looking image?

In IE, I've gotten the image positioned close. I still want to drop it 10px below the top of the adjoining border.

And it's still not even appearing in FF or Opera.

And in all 3 browsers, I still have the problem with the entire outterbox being pushed down, which I solved with a "display: inline;", but when I do that, it disappears in IE, too!

Every which way I turn, something goes wrong. Argh. Any thoughts, please?

In a nutshell, it needs to look like this:


Thanks!

Chris

This is best explained by example. Please see http://www.drudolph.org/new/test.php for a proof of concept.

Basically, there's an outside layer (red border) that contains several layers inside (blue borders), and is styled so that it has fixed dimensions and can scroll vertically if necessary.

Over the blue layers, I want to position another layer (green box). This layer should move with the blue boxes, so that if you scroll up and down, the green box stays with it. On top of that - and here's the kicker - the green box, which will be large enough that it sometimes will expand beyond the outside red layer, should be completely visible.

So, the green layer needs to 1.) move relative to the blue layer but 2.) be seen outside the parent red layer at all times.

You can see on the test two attempts. One puts the green layer in with the blue layers, so that it can be positioned relatively. Unfortunately, this puts it "inside" the red "stack," so I don't believe any z-indexing will allow it to show outside of the red layer.

The second attempt puts the green div along side the red div, or on the same "stacking level." This allows you to use a z-index to put it above the red layer, but then it can't scroll relative to the blue layers inside.

So, at this point, I believe it's impossible to do. Thoughts?