A position: relative on the lightgrey div should be enough to elevate it above the floated elements, like so, but it would be better if you provided a screenshot or a wireframe of what you are trying to achieve.
Internet Explorer 4 had basic support for position: relative. Fortunately, I don’t have to work with legacy browsers anymore, so I run out of ideas. Maybe you should feed that browser with a different stylesheet / design.
Not sure if it would do any good (I can’t test it either), but you could test if declaring the non floated div “display:inline” and in a following ruleblock declare it “display:block” again. The purpose would be to force a new formatting context to that div.
If you mean IE4 then you would need to explain why this is necessary because for any other normal reason it would be nonsense to support IE4!
Indeed your floats of 70% and 30% will not work in any version of from IE7 ( possibly 8) and under due to its buggy rounding algorithms and the floats will not be side by side.
Also your 100% heights will fail unless you have an unbroken chain of 100% back to root.
You haven’t cleared the last div anyway so it’s background will slide under the floats with the html that you have.
Your descriptions don’t really make sense as nothing is positioned as such and z-index is not an issue here.
I’m guessing this is a float clearing question but it’s hard to tell what you want exactly.
If this is just a personal test for you on a very old computer system then that’s ok but you should realise that running any unsupported browser is a very high security risk and should be avoided at all costs:)
W3schools has not always been a reliable resource although these days it is better than it was. It wasn’t nicknamed w3fools without good reason:)
Notwithstanding that fact ie4 did understand the float property but had literally hundreds of bugs associated with and unlikely to render a float in any usable way. It did also understand position which makes your original comment about z-index little strange although again it had many hundreds of bugs with most css properties that it proposed to support.
If you really want to support ie4 then your only viable option would be an html table.
You have not said yet why you need to support ie4 so this is all complete nonsense to discuss and a waste of everybody’s time - to put it bluntly:)
I think you need to relax. It’s not me wasting your time, you’re wasting your own time on this
Either it is possible or it is not possible. The reason WHY I want to do this does not contribute to a solution for it, and therefore it is not relevant. Maybe it’s fun to know, but it’s not important enough to call it all nonsense without it
Sorry but you are the one asking for help and you should be going out of your way to give us all the relevant information we need to solve your problem. I don’t mean to appear awkward but I have been solving problems on this forum for over 20 years now and do know a little bit about what is required to pose a good question and get a good answer.
I gladly offer my help for free to people who are willing to learn and are able to supply relevant information to the problem in hand. Understanding why someone requires a specific solution is usually the most important part of the question. What is the point if I give you a solution for IE4 if it will not work in any other browser since? I need to know why you want to support IE4 and indeed if it is just IE4 or if you want modern browsers to work also.
If you has said that at the start it would have steered the whole thread in a completely different direction. If its just for fun and you don’t want to support any other browser properly then you could simply do this: