SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot JarretCade's Avatar
    Join Date
    Aug 2007
    Location
    California
    Posts
    161
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE Display Problem

    Ok, so I'm working on my website and trying my best to make it work in both FF and IE. I never use IE but realized a couple days ago that I need to be making sure it all looks ok in IE. Anyways, my site shows up exactly how I want it to in FF, however I am having a problem with the footer displaying twice in IE and only on some pages. See the following 2 images. The first image is from when I open my site in IE, sometimes the image site is displayed as a big box almost, i.e. the massive grey area is supposed to be split up(see bottom pic for example). And in the second picture, the site displays almost how I want it to, however it appears that a second footer is displaying above the normal footer.




    However, on any of the tutorials pages the site displays fine.



    The following code is of one of the pages that DOES NOT display correctly in IE:
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
    <head>
    <meta name="description" content="3D Tutorials/Textures/Models/Forums 3dminion.com is your source for what you need!">
    <meta name="keywords" content="3ddesign, animation, gallery, models, 3dsmax, autodesk, 3d graphics, maya, CG, CG news, rendering, forums ">
    <link href="<?php $_SERVER['DOCUMENT_ROOT']; ?>/inc/style.css" rel="stylesheet" type="text/css">
    <title>3DMinion.com - Home - 3D Design/Animation/Models/Tutorials CG Industry News</title>
    <body>
      <div id="page">
        <!-- Start Navigation+Header -->
        <div id="header">
          <div id="nav">
            3DMinion.com &nbsp;<?php include($_SERVER['DOCUMENT_ROOT']."/inc/mainnav.inc"); ?>
          </div>
        </div>
          <!-- End Navigation+Header -->
          
          <!-- Begin Main Content -->
          <div id="maincontent">
            <div id="leftbar">
            <div id="leftnav">
              <?php include($_SERVER['DOCUMENT_ROOT']."/inc/mainleft.php"); ?>
            </div>
            </div>
            <div id="hometopic">
              <h2>Latest Tutorials</h2>
            </div>
            <div id="banner1">
            <script type="text/javascript"><!--
    google_ad_client = "pub-5849494862068838";
    google_ad_width = 160;
    google_ad_height = 600;
    google_ad_format = "160x600_as";
    google_ad_type = "image";
    //2007-09-25: 3dminion.com
    google_ad_channel = "3300720468";
    google_color_border = "333333";
    google_color_bg = "161616";
    google_color_link = "DDDDDD";
    google_color_text = "DDDDDD";
    google_color_url = "008000";
    google_ui_features = "rc:10";
    //-->
    </script>
    <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
            </div>
            <div id="homecontent">
              <?php include($_SERVER['DOCUMENT_ROOT']."/tutorials/latesttuts.php"); ?>
            </div>
            <div id="hometopic">
              <h2>News</h2>
            </div>
            <div id="homecontent">
              <?php include($_SERVER['DOCUMENT_ROOT']."/news/latestnews.php"); ?>
            </div>
          </div>
          <!-- End Main Content --> 
        <div id="footer">
          <?php include($_SERVER['DOCUMENT_ROOT']."/inc/footer.php"); ?>
        </div>
      </div>
    </body>
    </html>
    Here is the .css for the layout:

    HTML Code:
    * {
     margin: 1px 1px 1px 1px;
    }
    
    BODY {
      background: #262626;
      color: #DDD;
      text-align: center;
    }
    
    DIV {
      border: none;
    }
    
    H1 {
      font: bold 1em Tahoma;
      color: #2F3C55;
      text-indent: 5px;
      background-image: url('../images/navbg2.jpg');
      text-align: left;
    }
    
    H2 {
      font: bold 1em Tahoma;
      color: #4C5F83;
    }
    
    H3 {
      font: bold .9em Tahoma;
      margin-bottom: 5px;
      color: #A5B5D3;
      background: #454545;
      text-align: center;
    }
    
    IMG {
      border: none;
      text-align: center;
    }
    
    P {
      font: normal .7em Tahoma;
      background: #454545;
    }
    
    a:link, a:visited {
      color: #A5B5D3;
    }
    
    a:hover {
      color: #4C5F83;
    }
    
    #page {
      margin: auto;
      width: 1024px;
      text-align: center;
    }
    
    #header {
      margin: auto;
      width: 1018px;
    }
    
    #nav {
      margin: 5px 0px 0px 0px;
      width: 1000px;
      color: #4C5F83;
      font: bold 1em Tahoma;
      background: #262626;
      border-top: solid 1px #4C5F83;
      border-bottom: solid 1px #4C5F83;
      text-align: center;
    }
    
      #nav li {
        display: inline;
        margin: 0px 15px 0px 15px;
      }
    
      #nav a:link, #nav a:visited {
        color: #4C5F83;
        border-left: solid 2px #4C5F83;
        border-right: solid 2px #4C5F83;
        padding-left: 4px;
        padding-right: 4px;
        font: bold 1em Tahoma;
        text-decoration: none;
      }
    
      #nav a:hover {
        background: #454545;
        color: #A5B5D3;
      }
    
    #maincontent {
      margin: 15px 1px 15px 1px;
      width: 1018px;
    }
    
    #leftbar {
      margin: 0px 10px 5px 0px;
      width: 150px;
      height: 600px;
      float: left;
      text-align: center;
    }
    
      #leftbar P {
        background: #454545;
        color: #4C5F83;
        margin: 5px 0px 0px 0px;
        font: bold .9em Tahoma;
        text-align: center;
      }
    
    #leftnav {
      margin: 15px 0px 5px 0px;
      text-align: left;
      width: 150px;
      background: #262626;
      font: bold .8em Tahoma;
      color: #4C5F83;
      text-indent: 5px;
      }
    
      #leftnav ul {
        margin: 0px 0px 2px 0px;
        padding: 0;
        border-left: solid 3px #4C5F83;
      }
    
      #leftnav ul ul {
        padding: 0;
        border-left: solid 7px #4C5F83;
        margin: 0px 0px 0px 0px;
      }
    
      #leftnav ul ul li {
        margin: 0px 0px 0px 0px;
        padding: 0;
        border-bottom: solid 1px #262626;
      }
    
      #leftnav li {
        width: 100%;
        list-style: none;
        margin: 0px 0px 0px 0px;
        border-top: solid 1px #262626;
        background: #454545;
      }
    
      #leftnav li a:link, #leftnav li a:visited, #footer a:link, #footer a:visited {
        color: #4C5F83;
        text-decoration: none;
      }
    
      #leftnav li a:hover, #footer a:hover { 
        color: #A5B5D3;
      }
    
    #topic, #hometopic {
      margin: 15px 0px 10px 0px;
      width: 675px;
      float: left;
      background: #454545;
    }
    
      #content {
        width: 675px;
        margin: 0px 0px 10px 0px;
        padding-top: 5px;
        text-indent: 5px;
        float: left;
        text-align: left;
        background: #454545;
      }
    
      #content a:link, #content a:visited, #homecontent a:link, #homecontent a:visited {
        color: #A5B5D3;
      }
    
      #content a:hover, #homecontent a:hover {
        color: #4C5F83;
      }
    
      #homecontent {
        width: 675px;
        margin: 0px 0px 10px 0px;
        padding-top: 5px;
        text-indent: 5px;
        float: left;
        text-align: left;
        background: #454545;
      }
    
    #banner1 {
      width: 160px;
      height: 600px;
      margin: 10px 0px 10px 0px;
      float: right;
    }
    
    #footer {
      width: 1018px;
      background: #454545;
      margin: 10px 0px 0px 0px;
      clear: both;
      float: left;
      font: normal .8em Tahoma;
      color: #BBBBBB;
    }
    
      #footer ul {
        list-style: none;
      }
    
      #footer li {
        display: inline;
        margin: 2px 5px 2px 5px;
      }
    
    #tutsubmit {
      margin: auto;
      width: 300px;
      padding: 5px;
      background: #353535;
    }
    
    #latesttuts {
      margin: 25px 0px 0px 0px;
      width: 650px;
      padding: 5px;
    }
    
    #contentbanner {
      margin: 15px auto 15px auto;
      width: 468px;
      height: 15px;
    }
    
    .date {
      font: normal .7em Tahoma;
    }
    
    .link {
      font: bold .7em Tahoma;
    }
    So with that said, can anybody see what I am missing or an extra piece of code laying around? Usually I can figure this sort of stuff out since I am not a complete noob with html/css/php, however I can't seem to find my error.
    Web Hosting Comparison - WebHostsDeals.com - Leave your review!

  2. #2
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    PHP code's no good to us. We need to see the HTML as it's output to the browser. A link to the page would be better.

  3. #3
    SitePoint Zealot JarretCade's Avatar
    Join Date
    Aug 2007
    Location
    California
    Posts
    161
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    http://www.3dminion.com/tutorials

    This page displays perfectly fine and matches the view that I get in FF.

    http://www.3dminion.com/software

    This page along with all the other pages on my site are the ones that mess up in IE.

    For some reason all pages located under the tutorials directory display just fine in IE.
    Web Hosting Comparison - WebHostsDeals.com - Leave your review!

  4. #4
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There's a lot of missing closing tags on the software page - you need to validate your HTML and see if that fixes the problem.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •