Question

This is driving me nuts. What happens with “width:100%” ? Apparently it just works in IExplore, so I think it’s one of those things Microsoft made up.

But then… how do you tell to a element that has to take all available parent’s space in a way that all browsers can understand?

Cheers?

Answer 1

A block level element (display:block;) will automatically take up 100% of the width of the parent element. You can resize its width using percentages or pixels. Inline elements (display:inline;) cannot have their width modified.

If you want something to take up all the parent elements space I suggest you try something like this:

.class{
    display:block;
    width:100%;
}