Back To Website Design Forum

IE Browser issue. Separate stylesheet will not load?

  • temeku_graphics
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Apr 01, 2008
  • Posts: 7
  • Status: Offline

Post April 1st, 2008, 4:42 pm

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 ]


Thanks.
-Eric

Post April 1st, 2008, 4:42 pm

  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Sep 10, 2004
  • Posts: 2194
  • Loc: Canada
  • Status: Offline

Post April 1st, 2008, 4:51 pm

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
  • No Avatar
  • Joined: Apr 01, 2008
  • Posts: 7
  • Status: Offline

Post April 1st, 2008, 5:44 pm

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
  • Joined: Sep 10, 2004
  • Posts: 2194
  • Loc: Canada
  • Status: Offline

Post April 1st, 2008, 6:01 pm

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.

Page 1 of 1

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 261 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
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.