Web Analytics Made Easy -
StatCounter Div Doesn't Show in IE - Shows Properly in Firefox - CodingForum

Announcement

Collapse
No announcement yet.

Div Doesn't Show in IE - Shows Properly in Firefox

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Div Doesn't Show in IE - Shows Properly in Firefox

    Hello everyone,

    I created this page here ---> www.thedailiesmusic.com and the text at the bottom of the page: The Dailies website is coming soon!... shows up fine in Firefox and is like I want it. But for some odd reason the text does not even show up in IE. If anyone could offer assistance to make the text show up in IE it would be greatly appreciated. Thanks!

  • #2
    Try this
    Code:
    <!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 http-equiv="ImageToolbar" content="no">
    <title>The Dailies - Website Coming Soon!</title>
    <style type="text/css">
    html,body {
    color:#fff;
    font-weight:700;
    height:100%;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
    overflow:auto;
    margin:0;
    padding:0;
    }
    
    #bg_image {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    z-index:0;
    visibility:visible;
    }
    
    #main {
    display:table;
    position:relative;
    width:100%;
    height:100%;
    }
    
    #mainhold {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    }
    
    #contents {
    z-index:1;
    position:relative;
    width:800px;
    height:246px;
    margin:auto;
    }
    
    #box {
    position:absolute;
    bottom:5%;
    left:50%;
    margin-left:-187px;
    width:374px;
    z-index:2;
    text-align:center;
    }
    #box p {
    margin:0;
    padding:5px 0;
    }
    a:link,a:visited {
    color:#CCC;
    text-decoration:underline;
    }
    a:hover {
    text-decoration:none;
    }
    .style7 {
    color:#FFF;
    font-style:italic;
    }
    </style>
    <!--[if IE]>
    <style type="text/css">
    #mainhold {
    position:absolute;
    top:50%;
    }
    #contents {
    top:-50%;
    }
    </style>
    <![endif]-->
    </head>
    <body>
    <!-- this creates the background image -->
    <div id="bg_image"> <img src="webbackground.jpg" style="width: 100%; height: 100%;"></div>
    <!-- this puts the contents of the page ontop of the background image -->
    <div id="main">
    	<div id="mainhold">
    		<div id="contents"> <img src="webpic.jpg" width="800" height="246" alt=""> </div>
    	</div>
    </div>
    <div id="box">
    	<p>The Dailies website is coming soon!<br>
    		In the meantime please feel free to check out their MySpace page</p>
    	<p class="style7"><a href="http://www.myspace.com/thedailiesmusic">www.myspace.com/thedailiesmusic</a></p>
    </div>
    </body>
    </html>
    ||||If you are getting paid to do a job, don't ask for help on it!||||

    Comment


    • #3
      Thank you very, very much _Aerospace_Eng_! Helped me out once again, and I'm glad it works now - plus to code is cleaned up too - that's great.

      Comment

      Working...
      X