I'm soooooo stressed out... I NEED YOUR HELP!

12 replies
  • WEB DESIGN
  • |
Ok, so here's my problem... I have a website that looks perfect on my NVU editor, and it looks like it should in Firefox, but when I use IE it looks completely off - some parts of the text, color, and yes even the contact form. Have you guys ever experenced anything like this? And is there anyway to fix it?

Thanks in advanced for any help you may be able to provide,

James
#stressed
  • Profile picture of the author jgalty
    What's your website address
    Signature
    {{ DiscussionBoard.errors[1033923].message }}
  • Profile picture of the author nontemplates
    Very common problem theres two ways to approach the problem. Use resets to get IE to behave or use conditional CSS calls so that when an IE browser sees your site it uses the IE CSS. I usually recommend the conditional css route for someone just looking for one site to get working as fast as possible with no hassle. Doing more than one start workig with resets.
    {{ DiscussionBoard.errors[1034034].message }}
    • Profile picture of the author dhanediesil
      I agree with nontemplates.

      It is a common problem, but blame it on the browsers.

      There are ways around it though. Specifically what nontemplates describes. I usually use resets (that's just the way I was taught), but there's always more than one way to get where you need to go.
      Signature

      >>FREE ONLINE BUSINESS TRAINING<< Get Off To A Great Start: How To Really Get Your Online Business Going... CLICK HERE TO LEARN MORE

      {{ DiscussionBoard.errors[1034300].message }}
  • Profile picture of the author nontemplates
    Resets are to preferred when starting out but as in this case if theres a design already showing well in Firefox the quickest way to get up and running is to use a conditional CSS call for IE. One line of code in the header and you are ready to roll with finishing up a perfect render in IE.
    {{ DiscussionBoard.errors[1034416].message }}
  • Profile picture of the author net-biz
    Thanks everyone for your help...

    Hey nontemplates where do I get this conditional CSS call for IE, and it's just one line of code? Any help here would be much appreciated...

    Thank you again,

    James
    Signature

    Stop Guessing and Start Profiting... NicheMarketHottie.com

    {{ DiscussionBoard.errors[1034718].message }}
    • Profile picture of the author nontemplates
      Originally Posted by net-biz View Post

      Thanks everyone for your help...

      Hey nontemplates where do I get this conditional CSS call for IE, and it's just one line of code? Any help here would be much appreciated...
      Its available in my new E-book just $7.95 .......

      Just kidding. Was just reading some WSOs and it was rubbing off on me. It looks like this


      <!--[if IE]>
      <link href="ie.css" rel="stylesheet" type="text/css">
      <![endif]-->

      Just paste that in your header between <head> and </head>

      If your design works except for one version of IE then you would target the version itself

      <!--[if IE 7]>
      <link href="ie7.css" rel="stylesheet" type="text/css">
      <![endif]-->

      copy and past your present css into a new file and name it accordingly eg ie.css LEAVE YOUR OTHER CSS FILE UNTOUCHED.

      then style that file to show IE the way you want it to look. Usually you will only have to change margins, padding of width to get what you want.

      The new file will be ignored if the browser isn't IE (or if you specified a version then it will ignore unless its that version).


      Oh If perchance you are working in a wordpress theme like I do morning noon and night it looks like this

      <!--[if IE 6 ]>
      <link href="<?php echo bloginfo('template_directory'); ?>/ie6.css" rel="stylesheet" type="text/css" />
      <![endif]-->
      {{ DiscussionBoard.errors[1034816].message }}
  • Profile picture of the author BurgerBoy
    Do a search on Google for - conditional CSS.

    You'll find plenty of information on how to do it there.
    Signature
    {{ DiscussionBoard.errors[1034756].message }}
  • Profile picture of the author nontemplates
    incidentally IE 8 renders much closer to firefox in my experience so version 7 and 6 are the problems most of the time although companies are now beginning to phase out their support for IE6 (by far the biggest headache)
    {{ DiscussionBoard.errors[1034831].message }}
    • Profile picture of the author Karen Blundell
      Originally Posted by nontemplates View Post

      incidentally IE 8 renders much closer to firefox in my experience so version 7 and 6 are the problems most of the time although companies are now beginning to phase out their support for IE6 (by far the biggest headache)
      IE6 was the worst excuse of a browser - a web developer's nightmare, to be sure
      Signature
      ---------------
      {{ DiscussionBoard.errors[1035175].message }}
  • Profile picture of the author net-biz
    Thanks everyone and thank you nontemplates for all your help... it was very much appreciated!

    James
    Signature

    Stop Guessing and Start Profiting... NicheMarketHottie.com

    {{ DiscussionBoard.errors[1035545].message }}
  • Profile picture of the author nontemplates
    Thanks right back at you for the opportunity to help
    {{ DiscussionBoard.errors[1036392].message }}
  • Profile picture of the author anthonyronnie
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[1040418].message }}
    • Profile picture of the author nontemplates
      Originally Posted by anthonyronnie View Post

      This happens to me too... I just put "Best viewed in Fire Fox"
      Not a good solution. IE users still makeup over half of web vitors. You are turning off over half your viewers who are not going to swtch just becuase your site looks messed up.
      {{ DiscussionBoard.errors[1041624].message }}

Trending Topics