I am still having issues getting my head around position, display css attributes, I think there was a third one, ah float. But basically, I think in the block model.
So if I have a <section> I can think of that whole section of html to be in one block and I have created a nice box with curved corners. But now I want to place the sections to different areas of a page, but I know not to use <table> for placement, to use CSS.
I can do a two column thing with float:left, float:right, well three columns float:right. But I want more control. I have about 6 boxes to display account information and I want to try different layouts to see what looks best. I was thinking of creating tabs, but will wait on that after I
test out all 6 boxes displayed at once. Each box might be about 300px height and 100px width.
I am also placing these boxes in my <div id="content"> area which I have a height set at 600px. But I have a footer underneath it and when I currently place all six boxes vertically, the last three boxes overlap the footer instead of pushing the footer down. Which is odd, because I had had this other use case where i got a long list and as I added stuff to the list in the content, it would push the footer down.
Here is some css that I have, and I think in a couple places I got some of it figured out, but it has been a couple weeks since I been back in css and forgot what I did to make it work.
I know that this is css3 101 stuff, but until I can fully grasp it an know it note for note I still can never say I am a web HTML UI coder. (Like you guys didn't already know that)
Thanks
Mark