Preserved Topic: Clipping, how to (Page 1 of 1)

Can someone explain clipping and what it's supposed to do? Reading the spec at W3C doesn't tell me much besides its properties. The reason I'm asking is that this site is being developed and the left and center div run off the bottom of the page. Also, the main div (maroon border) is over runnig the black div behind it. I've heard that clipping is good for containing divs but I don't understand them. Using clip : auto; doesn't make any difference nor does clip : rect(0,0,550,0) to stop the bottom edge from running off. I'm probably confusing you but think you could help?

Clipping makes every part of a layer except for the rectangle you specify become invisible.

clip:rect(x1,y1,x2,y2);

If you want content to *stop* going out of its area, you don't want clipping.

There was something I read about using container blocks and clear: both.. to stop button blocks
from overrunning the blocks next to them. The article was about making a CSS version th tables with 10 columns and the large containing block being set to clear: both..

I don't know if that will help Allewyn, nice idea for a site though but Gaga...I dunna like that "word." It is baby talk at best..maybe just a typo or something you didn't mean to be seen on
the front page.. and the font, I can't read it very well.. but great idea and great site!

ps.. the container blocks collapse around the inner blocks because..empty cells collapse..so
the clear both is still in effect without the blocks distorting the design..I think that was the basis of the concept.. I haven't tried it yet but..it might be a good workaround if no one has a "correct" solution

lol, gaga was just nonsense text to show me where the container was. Won't be there when the site goes live.
So, clip isn't what I want. I thought it "confined" box to a certain area...my mistake. I'm glad I asked!

If a div "a" is inside div "b", isn't it supposed to be confined to div "b"? Why (and How ) would "a" over run "b" I think that's what I really don't understand. Haven't faced this probelm.

I'll give "clear" a try Tyger...thanks

It is part of the CSS specs that a floating element is allowed to break out of its parent element..
The trick is a block level element without content , DIV {cler: both;}.

This is the solution.. there may be others but not in the specs as it is as per specs that the floating element is breaking out.. that is my understanding...