Solved

Huge Problem with IE Rendering my Site

Posted on 2012-03-17
5
229 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
  • 3
  • 2
5 Comments
 
LVL 82

Expert Comment

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

Author Comment

by:halfoffdrinks
Comment Utility
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 82

Accepted Solution

by:
Dave Baldwin earned 500 total points
Comment Utility
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
Comment Utility
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 82

Expert Comment

by:Dave Baldwin
Comment Utility
We all get to be idiots now and then...
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
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.
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

743 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

15 Experts available now in Live!

Get 1:1 Help Now