Solved

Huge Problem with IE Rendering my Site

Posted on 2012-03-17
5
235 Views
Last Modified: 2012-08-13
I made a site that looks good in all browsers EXCEPT for Internet Explorer.  Big surprise, right?

Anyways, the url is here:  http://www.halfoffdrinks.com/staging

Check it out in Firefox, Chrome, whatever.  Then check it out in IE.  I've tried IE8 and IE9.  Both fail to render the site properly.  I've spent like 5-6 hours trying to fix it and I am at my whits end.  I can't take it anymore.  I'm really hoping someone out there can help me out.

Thank you!!
0
Comment
Question by:halfoffdrinks
[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
  • 3
  • 2
5 Comments
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 37733659
No, it looks awful in Firefox, Chrome, and Safari too.
Half Off screen shot
0
 

Author Comment

by:halfoffdrinks
ID: 37733664
You're looking at the /Miami page.  It isn't ready yet.  I'm too concerned with making the staging homepage work before moving onto the Miami section.

Please look at THIS page:  http://www.halfoffdrinks.com/staging/
0
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 37733693
I see two things right off.  You have a CSS link before the DOCTYPE which in IE will nullify the DOCTYPE.  It should be in the <head> section.

<link href="css/hod-style.css" rel="stylesheet" type="text/css" />

<!DOCTYPE html>
<html dir="ltr" lang="en-US">

<head>

Open in new window


And you have this in your CSS file.  It Only works in the main HTML file.  It's incomplete anyway.
[if IE]>
	<link rel="stylesheet" type="text/css" href="hd-style-ie.css" />
<![endif]

Open in new window

0
 

Author Comment

by:halfoffdrinks
ID: 37733715
Dave,

I F&CKING LOVE YOU.

It was the CSS call before the doctype.  I'm an idddiooottt!  Wow.  WOW.  You just made my entire weekend.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 37733745
We all get to be idiots now and then...
0

Featured Post

Major Incident Management Communications

Major incidents and IT service outages cost companies millions. Often the solution to minimizing damage is automated communication. Find out more in our Major Incident Management Communications infographic.

Question has a verified solution.

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

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
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 …
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

726 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