Solved

IE CSS Issues

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

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 21

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

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Suggested Solutions

"I want to put my photos online, but I don't want them stolen.  What settings should I use?" When You Put Photos Online First and foremost, any digital file published on the WWW can be copied, stored, modified, retransmitted, etc.  Remember Naps…
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
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 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…

744 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

12 Experts available now in Live!

Get 1:1 Help Now