[RESOLVED] Footer higher in IE than in FF

[Captainkewl]

Hey everyone. If you view this page http://kmkwebdevelopment.com/maintenance/contact.html in Firefox, it is okay. If you open it in IE7, the footer is higher up than it should be. It looks like this is due to the "contact form" displaying differently in the 2 browsers. In IE7 the "comment" box of the form is smaller in height (rows), than in FF. Does anyone know a way around this?

Thanks,
Kris.

[Fang]

Incorrect link.
Try form {margin:0;padding:0;}

[Captainkewl]

Thanks for the reply (not sure what you meant by incorrect link though). I just used a conditional comment for IE to move the footer down on the contact page (so it looks good now in FF and IE). HOWEVER, on a mac, in safari, the footer is up too high. I attached a screenshot of what it looks like on the mac (the footer should be down in the green area of the page). As you can see, the "comment" box of the form is a lot smaller in height than it is in firefox and that's why the footer is higher up. Is there anyway to make the "comment" box display the same height in all browsers (seems different browsers render the box differently).

Thanks,
Kris.

[Captainkewl]

and now with the screenshot I promised. LOL

[anna55]

Unfortunately :( I don't have a mac here, but with Opera on WIN XP it looks quite the same.
So what about your #footer p? There is no element like this.
Opere, FF, IE7, IE6, Safari looks fine with

#footercontact p {
float:left;
display:inline;
margin-left:-20px;
position:relative;
bottom:-20px;
text-align:center;
color: #CCC;
width:800px;
}

#footercontact p , x:-moz-any-link, x:default {
position:relative;
top:3px;
}

*+html #footercontact p {
position:relative;
top:21px;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
head~body #footercontact p {
position:relative;
top:30px;
}
}

The hack for IE6 '* html #footercontact p' you will have to cancel.

[Captainkewl]

Thanks for the reply, but I don't know what those webkit hacks etc. do exactly. Also, I have to make sure it looks the same in FF IE and Safari

Kris.

[anna55]

Do you know http://browsershots.org/? So you can take a look.

Using hacks is always difficult, browsers may change their behavior because of updates but see here: http://www.nealgrosskopf.com/tech/thread.asp?pid=20