Solved

IE CSS Issues

Posted on 2013-06-14
4
172 Views
Last Modified: 2013-06-20
Can anyone tell me why the logo on this site is huge in IE and fine in Moz and Chrome?

http://fishtightlines.com/
0
Comment
Question by:webdork
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 22

Expert Comment

by:Kim Walker
ID: 39248669
Try removing the max-height: 100% on line 142 of layout.css?ver=1. Earlier versions of IE have problems with max and min height and width. If you're using IE9 or IE10, be sure you have compatibility mode turned off.
0
 

Author Comment

by:webdork
ID: 39249396
Turn off compatibility mode in IE browser? Is there a resolution that does not require the viewer to make a change?
0
 
LVL 7

Accepted Solution

by:
rgranlund earned 500 total points
ID: 39251612
Place the logo into a div of its own.  Give it a height and a width, float it left and you will be all good.
0
 
LVL 22

Expert Comment

by:Kim Walker
ID: 39253027
Removing the max-height: 100%; style parameter should work in all browsers regardless of whether compatibility mode is turned on or off. It has no purpose unless the logo is intended to scale and the amount of scaling needs to be limited.
0

Featured Post

Enroll in June's Course of the Month

June’s Course of the Month is now available! Experts Exchange’s Premium Members, Team Accounts, and Qualified Experts have access to a complimentary course each month as part of their membership—an extra way to sharpen your skills and increase training.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

689 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question