IE Browser issue. Separate stylesheet will not load?

  • temeku_graphics
  • Newbie
  • Newbie
  • temeku_graphics
  • Posts: 7

Post 3+ Months Ago

Hey guys.

I've been going at this problem for a while now. I've come across many different potential fixes, and for whatever reason nothing seems to be working. My website loads perfectly in Safari, Firefox, and any other browser I have checked (thank you browsershots), but just looks off in Internet Explorer. Recently, I've tried doing the 'if ie' comment tag, so any version of IE will load a separate style sheet created specifically for it, and I cannot get it working properly. It just continues to load the default stylesheet. Any help on this situation would be greatly appreciated. Here is the coding...

Code: [ Select ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="temeku graphics.">
<meta name="developer" content="Temeku Graphics. - http://www.temekugraphics.com">
<meta http-equiv="content-language" content="en">
<meta name="robots" content="index,follow">
<meta http-equiv="keywords" content="web design, website design, web designer, corporate identity, logos, branding, graphic design, graphic designer, Temeku Graphics, Temeku, Eric Santana, Temecula area, San Diego, Temecula, Highway 79, 92592.">
<meta http-equiv="description" content="Profession web design, graphic design in the Temecula, Murrieta, San Diego, Riverside area. Temeku Graphics.">
<title>Temeku Graphics | Web Design | Graphic Design | Temecula</title>
<!--[if gte IE 5]>
<link rel="stylesheet" type="text/css" href="http://www.temekugraphics.com/ie_fixes.css"/>
<![endif]-->
<link rel="stylesheet" type="text/css" href="http://www.temekugraphics.com/styles.css" >
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <meta name="author" content="temeku graphics.">
  7. <meta name="developer" content="Temeku Graphics. - http://www.temekugraphics.com">
  8. <meta http-equiv="content-language" content="en">
  9. <meta name="robots" content="index,follow">
  10. <meta http-equiv="keywords" content="web design, website design, web designer, corporate identity, logos, branding, graphic design, graphic designer, Temeku Graphics, Temeku, Eric Santana, Temecula area, San Diego, Temecula, Highway 79, 92592.">
  11. <meta http-equiv="description" content="Profession web design, graphic design in the Temecula, Murrieta, San Diego, Riverside area. Temeku Graphics.">
  12. <title>Temeku Graphics | Web Design | Graphic Design | Temecula</title>
  13. <!--[if gte IE 5]>
  14. <link rel="stylesheet" type="text/css" href="http://www.temekugraphics.com/ie_fixes.css"/>
  15. <![endif]-->
  16. <link rel="stylesheet" type="text/css" href="http://www.temekugraphics.com/styles.css" >


Thanks.
-Eric
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

The only thing that looks off for me is your bottom "Start up Package" container - it kind of gets cut through by your containing box.

Were there other issues you were having as well?
  • temeku_graphics
  • Newbie
  • Newbie
  • temeku_graphics
  • Posts: 7

Post 3+ Months Ago

Yes, those little imperfections are what I am talking about.

Code: [ Select ]
<div id="content_top"></div>
    <div id="content">
        <span class="header"><img src="images/button_tg.gif" width="15" height="15" alt="Welcome">Welcome to Temeku Graphics! </span>     
        <p class="content">
        We are ready to build you an image, a live presence on the world wide web. For the small business, real estate agency, or a portfolio? Perfect! We have a professional, yet affordable website ready to be creatively and efficiently designed.</p>
        <span class="header"><img src="images/button_tg.gif" width="15" height="15" alt="Get Started">Get Started</span><br>
        <p class="content">
        Need a website now? We're on top of it. Choose from many of our <a href="http://www.temekugraphics.com/web_services.htm">website packages</a>, or get the ball rolling with the <a href="http://www.temekugraphics.com/start-up-package.htm">Start-Up package</a>. We will have you fill out a simple, yet effective online questionaire, that gives us the tools and the vision necessary to get started on your website. </p>
        <span class="header"><img src="images/button_tg.gif" width="15" height="15" alt="Featured Deal">Featured Deal </span><br>     
        <p class="content"><table width="400" cellpadding="0" class="img_pad">
         <tr>
            <td><table id="Table_01" width="420" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="3">
            <img src="images/start-up_01.png" width="420" height="163" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/start-up_02.png" width="286" height="37" alt=""></td>
        <td>
            <a href="http://www.temekugraphics.com/start-up-package.htm"><img src="images/order_btn.jpg" alt="" width="111" height="23" border="0"></a></td>
        <td rowspan="2">
            <img src="images/start-up_04.png" width="23" height="37" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/start-up_05.png" width="111" height="14" alt=""></td>
    </tr>
</table></td>
         </tr>
     </table>
    
    </div>
    <div id="content_bot"></div>
  1. <div id="content_top"></div>
  2.     <div id="content">
  3.         <span class="header"><img src="images/button_tg.gif" width="15" height="15" alt="Welcome">Welcome to Temeku Graphics! </span>     
  4.         <p class="content">
  5.         We are ready to build you an image, a live presence on the world wide web. For the small business, real estate agency, or a portfolio? Perfect! We have a professional, yet affordable website ready to be creatively and efficiently designed.</p>
  6.         <span class="header"><img src="images/button_tg.gif" width="15" height="15" alt="Get Started">Get Started</span><br>
  7.         <p class="content">
  8.         Need a website now? We're on top of it. Choose from many of our <a href="http://www.temekugraphics.com/web_services.htm">website packages</a>, or get the ball rolling with the <a href="http://www.temekugraphics.com/start-up-package.htm">Start-Up package</a>. We will have you fill out a simple, yet effective online questionaire, that gives us the tools and the vision necessary to get started on your website. </p>
  9.         <span class="header"><img src="images/button_tg.gif" width="15" height="15" alt="Featured Deal">Featured Deal </span><br>     
  10.         <p class="content"><table width="400" cellpadding="0" class="img_pad">
  11.          <tr>
  12.             <td><table id="Table_01" width="420" border="0" cellpadding="0" cellspacing="0">
  13.     <tr>
  14.         <td colspan="3">
  15.             <img src="images/start-up_01.png" width="420" height="163" alt=""></td>
  16.     </tr>
  17.     <tr>
  18.         <td rowspan="2">
  19.             <img src="images/start-up_02.png" width="286" height="37" alt=""></td>
  20.         <td>
  21.             <a href="http://www.temekugraphics.com/start-up-package.htm"><img src="images/order_btn.jpg" alt="" width="111" height="23" border="0"></a></td>
  22.         <td rowspan="2">
  23.             <img src="images/start-up_04.png" width="23" height="37" alt=""></td>
  24.     </tr>
  25.     <tr>
  26.         <td>
  27.             <img src="images/start-up_05.png" width="111" height="14" alt=""></td>
  28.     </tr>
  29. </table></td>
  30.          </tr>
  31.      </table>
  32.     
  33.     </div>
  34.     <div id="content_bot"></div>


In and only in Internet Explorer the div "content_bot" breaks from the div "content".

Here's what I'm talking about...
Image

Any ideas on how to fix?
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

Your screenshot has it easy...here's my IE shot:
Image
v 7.0.5730.11

I'm pretty sure it's because you floated the box and didn't provide IE with a height tag.

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 15 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.