Is it possible to make a div tag "float" in CSS so it will not effect the position of other items, such as not resizing the cell it is placed in and instead overlapping into the next cell?

 

Thanks in advance,

 

Chris

Floating keeps it in the page flow, meaning it can interact with other elements.

 

What you want is the position attribute.

 

Position:absolute - It's in a fixed position relative to it's parent container

Position:Fixed - It's fixed relative to the view port (and thus when you scrolls, it stays in the same spot.

Position:Relative - It's fixed relative to the position it would have in the flow of the page.

 

P.S you should avoid putting divs in tables, theirs not really any need to.

My problem is that my website is centred so different screen resolutions cause the absolute position to require a different number, is there a work around for this as relative causes the cell to "grow"?

Wrap the whole thing in a container that's relatively positioned, then when you use absolutely positioned, it won't be using the view port, but the parent container.

Perfect, thank you so much :)