Firefox 6 & IE9

  • 1
  • Question
  • Updated 7 years ago
  • Answered
I know different browsers can display things in different way and can usually compensate so everything looks OK but this time I don't know how
On this page

http://www.leathersolutions.org/

the 'Our Services box has a larger gap at the bottom in IE than it does in FF, it displays in site builder as FF. If a chrome user could have a look at this area as well that would be appreciated
If anyone has a fix for this that would be good.
Photo of David

David

  • 465 Posts
  • 94 Reply Likes

Posted 7 years ago

  • 1
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi David,

I use Google Chrome, and I just took a look at it and I also see the extra space in the "Our Services" box.

Here's a screenshot:



But, I did take a look at Chrome Developer Tools and I see that there is a set height for the "Our Services" box:



If you remove the "height" attribute in the CSS, it will remove that extra space. I think that IE, as usual, is just not displaying the height properly, therefore it is not as tall in IE, meaning no extra space.

I removed the height attribute with Developer Tools and this is how it showed:

Before:



And after:



I hope that helps!

Nathan
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Nathan! This is quite helpful!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
You're welcome :)
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Thanks Nathan that's worked well, please could you check with chrome again.
I noticed in your screen shot where the leather symbol is with the red cross the text is not aligned correctly, could you also check this with chrome.
Thanks for your help with this.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
You're welcome, I'm glad it worked! I will take a look at it and see if there is anything that you can change to fix that. Could you maybe take a screenshot of what you see in Internet Explorer? (the way you want it to be)
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
The misaligned text always looked OK in IE and FF I've changed it slightly because of your chrome screenshot so just need that bit checked, thanks
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
I would recommend downloading all the major browsers so you can check your site for yourself. It's a necessity on any web developers computer.

- Firefox - http://www.mozilla.org/en-US/firefox/...
- Chrome -http://www.google.com/chrome/intl/en-...
- Safari - http://www.apple.com/safari/download/
- IE - http://windows.microsoft.com/en-GB/in...

Also did you know IE9 allows you to see the site in IE7 and IE8 mode as well.

From in IE press F12 then set the 'browser mode' to IE7, 8 or 9.

Lee.
http://pirouette-dance-agency.co.uk
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Interesting about the f12 key, I've just checked in 7 and 8 and its looking crap, can this be corrected?