PDA

View Full Version : IE Displays section of pages incorrectly


macsolutions
02-14-2008, 08:21 AM
I have produced my first site on a Mac and all was looking good untill I opened it in Internet Explorer on the PC.

http://www.macsolutions.co.uk (http://www.macsolutions.co.uk/)

The headers, Footer and the contact page which contains a table display out of position. I have tried all that I can to reposition them but to no avail.

All help would be most appreciated.
Regards
Tom
(http://www.macsolutions.co.uk/)

d a v e
02-14-2008, 09:17 AM
looks fine to me in ie6 on windows.

if you have a problem like this you need to give more details - what version of IE? what screen res?

macsolutions
02-14-2008, 09:44 AM
I am using Internet Explorer 7 on Vista Ultimate with a display resolution of 1920 x 1200 on a 24" monitor.

d a v e
02-14-2008, 09:59 AM
the form is a bit further over to the right in IE7 for me on the contact page but that's it. can you post a screenshot of the IE7 offense in questions and point out what's wrong because i ccan't see it - can anyone else replicate this error?

macsolutions
02-14-2008, 11:21 AM
I have added 2 files, header.jpg and footer.jpg at http://www.macsolutions.co.uk/footer.jpg and http://www.macsolutions.co.uk/header.jpg

The headline should be centered on the logo and the footer verticle line should be of equal spacing above and below.

d a v e
02-14-2008, 12:58 PM
if you don't like the logo not centred in IE then you'll probably have to float the image

the footer looks ok to me? sometimes there may be small differences in browser rendering that just aren't worth worrying about (especially in IE - how many potential customers do you have using IE?? that's not to mean don't worry about them, just not about those small display things)

now the logo alignment does look a bit odd in IE so as i said you will have to float that rather than 'aligning'. maybe adding some top margin to it to move it down a bit?? or playing with the padding margins on that and the heading. you might even have to wrap the image in its own div.