Another quick tip I use when building inline sites to quickly spot if transparent container boxes are collapsing and causing problems later is to put a temporary colour coded border-bottom: 1px on them ~ tidy up later after page template build.
David Owen { Freeway Friendly Web hosting and Domains }
Ok that does not make sense to me. If I understood you, which I doubt but we will have a go, you put a border on box01, and a border on box02, both boxes are the same size? Then I would expect to see only the Bordered-box that was on top anyway?. Now I am thinking visually here and not semantically (code).
Well, I had a white box. In that (inline) I had another box with a black border. That border didn’t show up until I made the inline box a lot smaller than the box it was in, which didn’t serve my purpose.
I come from a print back ground, so my mind sometimes still thinks that way.
I’m under the gun to get a site finished and I’m trying whatever I can to just get it done. It also involves things I’ve never done, so there’s a little “on the job training” on this one.
Truthfully, I’ve tried so many variations of things to get certain things to work, that I don’t even remember what I did when it went wrong!
Yes I sympathize with you there. Photoshop records (if you want) every single click and move you perform. So if you make a mistake and need to remember a week ago what you did all you have to do is open a certain dialogue box and Bob truly is your uncle! Nifty.
What I do is create a new page entitled “exp_whatever” and practise, keep that page then make another page and do it all over again differently and so on until I am exhausted. then If I make too many humungous catastrophies i can go back to the page that I know is slightly more correct than all the others have been and reverse engineer it.
Yeah, I started making many experimental master pages and then just going with the one that finally works.
Every time I think I have the box model nailed, something I do explodes my layout!
One think I’ve never been able to do is insert boxes at the BOTTOM of my layout. Some times (well, all the time) the client will change their mind about the layout and I have to add to the bottom, or it just needs to be that way for future updates, but it never works for me.
Well i really do not know what kind of layout you are doing or even the website so I can not really comment. But I do recommend DanJaskers video tutorials on this very subject - it really sounds as if you need to watch this one. It deals with drag and drop inside HTML inline, that is floats and clears. but it is all about having a flexibility where you actually can add and take away when your clients ask, and that without damaging the structure of your page.
He just released it on 17December. It is worth it. Also I wouyld recommend, but as a backup only to deepen understanding, the CSS tricks webpage housed within the Listmania.com. It focuses on code but also on the visual results, there is also a video on this, but it is code, well worth watching over a cup of coffee.