I am new to web design. I have vitually completed my first site - religously checking that the site works on Firefox, Chrome, Safari and IE. My mistake was to only check on the version of IE I use (9), and today I have happened to view it on IE7 - not good! Several elements of my formatting have gone astray. The website can be seen on www.testsite.ardenhotel.co.uk . I would be realy grateful if someone could give me a steer in the right direction.
Hi, the reason is that input “Check rates and availability”. Since you are using tables, it will expand if the content is too big. That input is too big and as ar esult the table is expanding. If you could ditch the tables, that would be the best bet, or perhaps apply a fixed width to the input.
Also as for the image at the bottom of the right column being chopped off, it’s b ecause you have a fixed height on “.sidecontent”. It’s causing it to be a bit too short to fully show everything. You shouldn’t have a height on it anyway. Remove it, or set it to min-height if you REALLY want it. However min-height won’t work in IE7 :).
That’s great - thank you very much!
Glad I could be of help. Welcome to Sitepoint, and you’re welcome ;).