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
Solved

Huge Problem with IE Rendering my Site

Posted on 2012-03-17
5
232 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 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

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

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

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

791 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