Solved

IE CSS Issues

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
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…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

863 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

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now