Solved

IE CSS Issues

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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

808 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