CSS - Test Your CSS Skills Number 33 :

in IE7 why is it that only the first “wrap” stretches 100% and not all 3 of them?

I sent you my solution, I would have to say it’s quick and dirty too

wait a minute… I think I might of broken a rule… depends what you mean by “cant tamper with the html”

Hi bigrasp,

Thanks for your entry but yes you broke the rules and you can’t change any of the html between the body tags. :slight_smile:

You can’t use fixed widths anyway as that would be cheating. The design needs to cater for whatever width that red box happens to be. The widths I set for the box are just examples but the layout must works if the widths are changed (e.g. in the case of a dynamic image being inserted that you don;t know the size of).

Have another try :slight_smile:

in IE7 why is it that only the first “wrap” stretches 100% and not all 3 of them?

It’s a bug - it only seems to stretch the first in sequence and then gets confused with the following ones. :wink:

the way I had it, it did cater to that… no?, but yes I did break the rule, I’ll keep trying. :slight_smile:

the way I had it, it did cater to that… no?

No you set the width of the wrap to match the width of the red box. :slight_smile:

You can only do that if you know the width of the red box beforehand which as I explained in the quiz - you don’t. Therefore as the red box’s width is undefined you cannot set a width on wrap because you wouldn’t know what width it will be :slight_smile:

You have to cater for whatever width the red box will be - it could be 200px it could be 800px - or it could be related to how much content it holds. You have no control over it.

maybe I did miss that, I was thinking that as long as the red box width is defined in a class (or ID) I just needed to call up the class and not needing to know, but I guess your saying I don’t even know the name of the class that defines the red box width either

Yes that’s right - sorry if it wasn’t clear :slight_smile:

DUH!! ok it just dawned on me, the CSS class in this case wouldn’t really exist it would be content in the form of text or image… (: and it’s not even friday yet…

I have another correct solution from jeremyasnyder so well done.:slight_smile: It is not the optimal solution that I mentioned before though but similar to a few entries I have had.

For those still trying this try to make sure that nothing is reliant on anything else so that if perhaps the heights of the little boxes were changed check that your solutions will still work and not break.

I had a try this morning, and sent my non optimal solution.
Here hopes I manage to find the optimal one before the solutions come out.

Hi Timo,

Your solution was the one I was looking for so well done. However don’t let me stop you looking for other more inventive ways of doing it :slight_smile:

oh yay! :smiley:
I will look for a more optimal one for a hour or two more
then i really have to get back to work!! (trying to find a semi dynamic server side cache solution)

Ok - I’ll be posting answers tomorrow so anyone still thinking about this has another day before solutions are posted :slight_smile:

Paul could you wait until more in the eveningish to post the answers? I’ve been swamped since I’ve gotten back and I haven’t had a chance to fully try this quiz out.

Ok - I’ll wait until Friday :slight_smile:

I Cant understand what you mean by “ie7-leftandright” could you please explain?

That is the name of the image that the OP attached to the first post.

Meh, I just don’t have time for this, no matter how fast I get through clients I always get more … I guess that’s not a bad thing though.

Go ahead and post if you were only waiting on me (though AngelPixel25 might be trying now?)

I have recently started learning the CSS. I hope with in no time I will be with all you guys implementing the questions here.

Hey Gary: do you have access to the other 32? I’m interested in trying those.