This site is under construction. It was actually a template done in tables (client provided the template). I tried to modify the code to adapt to the client’s requirements, and used divs for that.
The problem is that the pages look ok in ie8 and ie6 even. But not in ie7. I think it is a haslayout issue, but I am confused how to solve it.
Hi!
Below menu “Home, About us, Services, …” , there is a text area. In IE7, the background of this text area is not loading, while in IE8 and other borwsers like FF, Opera, chrome , it is loading perfectly alright.
As well as, some ending lines of text are disturbed in IE7 (in text area).
What I would do is to give interior_designing a width (layout) and make it floating just as header_image. The background is obviously behind your header image in IE7
The problem is that interior_designg already has a layout due to the min-height and in IE7 and under an element with haslayout will form a rectangular box to the side of a floated element and the background does not slide underneath as it should.
Your background is actually 434px out to the right of that element which is why it doesn’t show.
A quick fix would be to remove the min-height and the background will show.
A more robust fix may be to float that block instead with a correct width as suggested by donboe and then adjust the background image position (and remember to clear floats etc).
I can’t believe it was that simple! Everything fits perfectly now. Thanks a lot.
I only removed the min-height though. Because as I said to donboe, if you look here, if I give interior_designing a width, the text will form a long right column leaving empty space below the header_image.