Solved

IE CSS Issues

Posted on 2013-06-14
4
162 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
  • 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

The Eight Noble Truths of Backup and Recovery

How can IT departments tackle the challenges of a Big Data world? This white paper provides a roadmap to success and helps companies ensure that all their data is safe and secure, no matter if it resides on-premise with physical or virtual machines or in the cloud.

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…

773 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