Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Dec 2007
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Div's not working in IE :(

    I am currently working on a site and FF everything looks perfect. IE6.0 not so much. Some reason IE likes to be a pain to me. If anyone knows how to get the same results from FF to IE6.0 I would greatly appreciate it. I know position: absolute would get the position of main content would work than the footer would mess up if anyone knows how to fix it I would give many thanks.

    FF: Pic:Firefox Example(GOOD)
    IE: Pic: Internet Explorer Example 6.0(BAD)

    HTML Code
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <!-- Start of Script -->
    <link rel="stylesheet" type="text/css" href="contentslider.css" />
    <script type="text/javascript" src="contentslider.js">
    /***********************************************
    * Featured Content Slider- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
    </script>
    <!-- End of Script -->
    <title>FA.com</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
    <style type="text/css">
    <!--
    .style1 {color: #d0eb55}
    .style3 {color: #fff}
    -->
    </style>
    </head>
    <body>
    <div id="topbar"></div>
    <div id="top">
      <div class="content">
        <div id="menu">
          <ul>
            <li><a href="index.php?page=ashley"><span class="style1">ASHLEY</span></a></li>
            <li><a href="#"><span class="style3">NEWS</span></span></a></li>
            <li><a href="http://www.forever-ashley.com/galleries/" target="_blank"><span class="style1">GALLERY</span></a></li>
            <li><a href="index.php?page=media"><span class="style1">MEDIA</span></a></li>
            <li><a href="index.php?page=site"><span class="style1">SITE</span></a></li>
            <li><a href="index.php?page=www"><span class="style1">WWW</span></a></li>
            <li><a href="index.php?page=home"><span class="style1">HOME</span></a></li>
          </ul>
        </div>
        <h1>Forever-Ashley.com</h1>
        <h2>The Best WWE Ashley Site Out There!</h2>
      </div>
    </div>
    <div class="content">
      <div id="main">
        <div class="right_side">
          <div class="pad">
            <h3>Archive History</h3>
            <table width="100%" border="0" cellpadding="1" cellspacing="1">
      <tr>
        <td>Looking for more Ashley? Check out our extensive history page!<br />
          <ul>
            <li><a href="#">Take me there </a></li>
          </ul>      </td>
      </tr>
    </table>
              <h3> Ashley News</h3>
              <ul>
              <li><a href="http://www.forever-ashley.com/news/index.php?news=263">9/27/07 -  Tribe Has Spoken</a></li>
              <li><a href="http://www.forever-ashley.com/news/index.php?news=260">9/26/07 - Ashley Survives</a></li>
              <li>9/17/07 - <a href="http://www.forever-ashley.com/news/index.php?news=256" target="_blank">I'm a Survivor</a></li>
              <li><a href="http://www.forever-ashley.com/news/index.php?news=241"> 5/25/07 - Diva Dish</a></li>
              <li><a href="http://www.forever-ashley.com/news/index.php?news=236"> 5/11/07 - Bangin' with Ashley</a></li>
              <li><a href="http://www.forever-ashley.com/news/index.php?news=233"> 5/04/07 - Bangin' with Ashley</a></li>
            </ul>
            <h3>Newest Videos</h3>
            <ul>
              <li><a href="http://www.savefile.com/files/1256422" target="_blank">12/10/07 - Raw 15th Anniv</a></li>
              <li><a href="http://www.savefile.com/files/1221800" target="_blank">11/23/07 - Survivor Ep 10</a></li>
              <li><a href="http://www.savefile.com/files/1199674" target="_blank">11/16/07 - Ashley Interview</a></li>
              <li><a href="http://www.savefile.com/files/1162806" target="_blank">10/31/07 -  Tribute on Wheels</a></li>
              <li><a href="http://www.savefile.com/files/1158236" target="_blank">10/30/07 - CW Now Spyder</a></li>
              <li><a href="http://www.savefile.com/files/1110398" target="_blank">10/9/07 - SD vs Raw  Entrance</a></li>
            </ul>
            <h3>Image of the Month</h3>
            <table width="98%" border="0">
              <tr>
                <td align="center"><em><img src="images/imageofthemonth.JPG" alt="imageofthemonth" width="110" height="150" /></em></td>
              </tr>
            </table>
          </div>
        </div>
        <div class="right_side">
          <div class="pad">
            <h3>Top Headlines</h3>
            <table width="100%" border="0" cellpadding="1" cellspacing="1">
              <tr>
                <td><img src="latest/survivor.jpg"
                            alt="latest" width="177" height="68" /><br />
                  September 27, 2007 -Ashley gets elminated from Survivor with 4 votes to 1.<br />
                  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <strong><a href="http://www.forever-ashley.com/galleries/categories.php?cat_id=401" target="_blank">Captures</a></strong> | <strong><a href="http://www.savefile.com/files/1085248" target="_blank">Video</a></strong></td>
              </tr>
            </table>
            <br />
            <h3>Monthly History</h3>
            <table width="100%" border="0" cellpadding="1" cellspacing="1">
              <tr>
                <td><img src="images/monthlyhistory.jpg" alt="monthlyhistory" width="177" height="68"></center>
                          December 19, 2005 - Ashley and Trish faced off against Candice and Maria overseas for the troops in a  Santa&rsquo;s Helper Divas Tag Match.<br>
                          &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  <a href="http://www.forever-ashley.com/galleries/categories.php?cat_id=50" target="_blank"><strong>Captures</strong></a> | <a href="http://savefile.com/files/329683" target="_blank"><strong>Video</strong></a></td>
              </tr>
            </table>
            <br />
            <h3>Elite Affiliates</h3>
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td><p align="center"><select
                            name="whatever" size="1" class="banner1"
                            onchange="goToPage(this); return false;">
                            <option value selected>CHOOSE ONE</option>
                            <option
                                value="http://www.stratus-faction.com">- Trish Stratus</option>
                            <option
                                value="http://www.phenomforever.com/">- The Undertaker</option>
                            <option
                                value="http://www.hhhthegame.com/">- Triple H</option>
                            <option
    						    value="http://www.thenewextreme.com/">- Mickie James</option>
                            <option
                                value="http://www.candi-shop.org/">- Candice Michelle</option>
                            <option 
    						    value="http://dx-unlimited.com/">- DX</option>
                            <option 
    						    value="http://www.michellefever.com/">- Michelle McCool</option>
                            <option 
    						    value="http://www.lisa-varon.org/">- Victoria</option>
                            <option
    						    value="http://www.wwedivaspictures.com/">- WWE Divas</option>
                            <option
    						    value="http://divaslocker-room.net/">- Diva's Locker</option>
                            </select>
                            <br>
                    <a href="http://forever-ashley.com/affiliates.html" target="main"><strong>View All</strong></a> - <strong><a href="http://forever-ashley.com/apply.html" target="main">Become One</a></strong></td>
              </tr>
            </table>
            <p>&nbsp;</p>
          </div>
        </div>
        <div id="left_side">
        
    
    <?php if(isset($_GET['page'])) { if($_GET['page'] == "awards") { {include 'include/www/awards.php'; } } else {} }?>
      </div>
        <br />
    </div>
    <div id="footer">
        <div class="right">&copy; Copyright 2005 - 2007, Forever-Ashley.com - Design: <a href="mailto:dead985@gmail.com">Martin</a></div>
        <a href="index.php?page=home">Home</a> - <a rel="nofollow" target="_blank" href="http://validator.w3.org/check?uri=referer" title="Validate">XHTML</a> - <a rel="nofollow" target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer" title="Validate">CSS</a></div>
    </body>
    </html>
    Code:
    body {
    padding : 0;
    margin : 0;
    font : 12px Arial, sans-serif;
    line-height : 1.5em;
    background : #393939;
    color : #fff;
    }
    a {
    color : #d0eb55;
    background : inherit;
    text-decoration : none;
    }
    a:hover {
    color : #d0eb55;
    background : inherit;
    text-decoration : underline;
    }
    p {
    margin : 5px 0;
    }
    h1 {
    font : bold 1.8em Arial, Sans-Serif;
    padding : 8px 0 4px 0;
    margin : 0;
    letter-spacing : -1px;
    }
    h2 {
    font : bold 1.6em Arial, Sans-Serif;
    letter-spacing : -1px;
    }
    h3 {
    padding : 4px 0;
    margin : 0;
    }
    ul {
    margin : 0;
    padding : 0;
    list-style : none;
    }
    img {
    border : 0;
    }
    hr {
    height : 1px;
    border-style : none;
    color : #d0d0d0;
    background-color : #c0c0c0;
    margin : 10px 0;
    }
    ol {
    padding : 0;
    margin : 0;
    }
    .code {
    padding : 3px 5px 3px 35px;
    border : 1px solid #666;
    list-style-type : decimal-leading-zero;
    font-family : Courier;
    }
    .code code {
    font-family : Monaco, "Courier New", Tahoma;
    font-size : 1.2em;
    }
    .code li {
    margin : 2px 0;
    padding : 0 5px;
    background : #333;
    }
    .code li.t1 {
    padding-left : 4ex;
    }
    .code li.t2 {
    padding-left : 8ex;
    }
    .code li.t3 {
    padding-left : 12ex;
    }
    .code li.t4 {
    padding-left : 16ex;
    }
    .code li.t5 {
    padding-left : 20ex;
    }
    .code li.t6 {
    padding-left : 24ex;
    }
    .code li.t7 {
    padding-left : 28ex;
    }
    .code li.t8 {
    padding-left : 32ex;
    }
    .content {
    margin : 0 auto;
    width : 1000px;
    }
    #topbar {
    height : 20px;
    background : #212121;
    width : 100%;
    }
    #topbar #icons {
    float : right;
    margin : 10px 0 0;
    padding : 0;
    }
    #topbar #icons img {
    padding-right : 4px;
    border : 0;
    }
    .url {
    padding : 10px 0;
    }
    .url a {
    color : #454545;
    text-decoration : none;
    }
    .url a:hover {
    color : #fff;
    }
    #top {
    padding-top : 0;
    background : #3d3d3b url(images/topbg.gif) repeat-x;
    height : 85px;
    margin-bottom : 25px;
    }
    #top h1 {
    font : bold 2.6em Arial, Sans-Serif;
    padding : 20px 0 0 0;
    margin : 0;
    letter-spacing : 1px;
    color : #d0eb55;
    }
    #top a:hover {
    text-decoration : none;
    }
    #top h2 {
    font : 0.9em Arial, Sans-Serif;
    letter-spacing : 0;
    color : #868686;
    margin : 0;
    padding : 0;
    }
    #menu {
    float : right;
    height : 23px;
    margin-top : 35px;
    }
    #menu a {
    color : #fff;
    background : inherit;
    text-decoration : none;
    padding-left : 10px;
    line-height : 23px;
    font-weight : bold;
    }
    #menu a span {
    padding-right : 10px;
    }
    #menu a, #menu a span {
    display : block;
    float : left;
    }
    #menu a:hover, #menu .current {
    color : #fff;
    background : #a9bc52 url(images/tabl.gif) no-repeat left top;
    padding-left : 10px;
    height : 23px;
    }
    #menu a:hover span, #menu .current span {
    background : url(images/tabr.gif) no-repeat right top;
    padding-right : 10px;
    height : 23px;
    cursor : pointer;
    }
    #menu ul {
    list-style : none;
    padding : 0;
    margin : 0;
    }
    #menu li {
    float : left;
    margin : 0 0 0 5px;
    }
    #main {
    width : 1000px;
    margin : 0;
    padding : 0;
    }
    .right_side {
    float : right;
    width : 202px;
    background : inherit;
    overflow : hidden;
    }
    .right_side .pad {
    padding : 0 0 10px 17px;
    }
    .right_side p {
    padding : 0 0 5px 5px;
    }
    .right_side ul {
    padding : 3px 0 12px 5px;
    }
    .right_side li {
    line-height : 18px;
    background : inherit;
    list-style : square;
    padding-left : 0px;
    margin-left : 17px;
    color : #b4e04a;
    }
    .right_side a {
    background : inherit;
    text-decoration : none;
    }
    .right_side a:hover {
    text-decoration : underline;
    }
    .right_side h3 {
    color : #eee;
    font : bold 1.2em Arial, Sans-Serif;
    background : url(images/rmenuhead.gif) no-repeat top;
    width : 202px;
    height : 30px;
    padding-top : 7px;
    text-indent : 10px;
    }
    #left_side {
    background : inherit;
    margin-bottom : 10px;
    width : 590px;
    }
    #left_side .intro {
    background : #414141;
    color : #fff;
    }
    #left_side .intro .pad {
    padding : 10px;
    }
    #left_side .intro a {
    color : #b4e04a;
    text-decoration : none;
    }
    #left_side .intro a:hover {
    color : #cdff56;
    text-decoration : underline;
    }
    #left_side .mpart {
    padding : 20px 0 0 0;
    }
    #left_side h2 {
    background : inherit;
    padding : 0;
    margin : 0;
    font : 1.8em verdana, Arial, Sans-Serif;
    }
    #left_side .mpart h3 {
    background : inherit;
    padding : 0;
    margin : 0 0 15px 0;
    font : 0.9em verdana, Arial, Sans-Serif;
    color : #a5a5a5;
    }
    #left_side p {
    color : #e7e7e7;
    padding : 0;
    text-align : justify;
    }
    #left_side img {
    float : left;
    padding : 0 10px 5px 0;
    }
    #left_side blockquote {
    padding-left : 10px;
    border-left : 3px solid #a7cc44;
    margin : 10px 0 10px 25px;
    }
    .date {
    padding : 7px 35px 0 0;
    margin : 10px 0 25px 0;
    text-align : right;
    height : 32px;
    }
    .date a {
    font : bold 1.2em Arial, Sans-Serif;
    color : #a9bc52;
    background : transparent;
    }
    #left_side .rs {
    float : right;
    margin : 0 0 0 10px;
    border : 1px solid #888;
    padding : 5px;
    background : inherit;
    }
    #left_side ul {
    list-style-position : inside;
    margin-left : 2px;
    }
    #left_side ul li {
    list-style-type : square;
    margin-left : 15px;
    }
    #left_side ul ul li {
    list-style : none;
    margin-left : 10px;
    list-style-type : lower-alpha;
    list-style-position : inside;
    }
    #left_side .greybox {
    border : 1px solid #ccc;
    background : #f5f5f5;
    width : 628px;
    padding : 10px;
    }
    #footer {
    clear : both;
    width : 100%;
    margin : 0 0 0 0;
    color : #777;
    border-top : 1px solid #444;
    background : inherit;
    position: static; 
    }
    #footer .right {
    float : right;
    }
    #footer a {
    text-decoration : none;
    background : inherit;
    }

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    try this, its always good to put this in just incase

    Code:
    * {
    padding:0px;
    margin:0px;
    }
    Not the same as putting it in the body

  • #3
    Senior Coder nikos101's Avatar
    Join Date
    Dec 2006
    Location
    London
    Posts
    1,008
    Thanks
    59
    Thanked 10 Times in 10 Posts
    Please give us a link to a site, pics don't help much here


  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello Hardwire,
    I don't have the php your including so I did this -
    snippet:
    Code:
     <option
    						    value="http://www.wwedivaspictures.com/">- WWE Divas</option>
                            <option
    						    value="http://divaslocker-room.net/">- Diva's Locker</option>
                            </select>
                            <br>
                    <a href="http://forever-ashley.com/affiliates.html" target="main"><strong>View All</strong></a> - <strong><a href="http://forever-ashley.com/apply.html" target="main">Become One</a></strong></td>
              </tr>
            </table>
            <p>&nbsp;</p>
          </div>
        </div>
        <div id="left_side">
        <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna 
            aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no 
            sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
            nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo 
            duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
        </p>
        <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna 
            aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no 
            sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
            nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo 
            duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
        </p>
        
      </div>
        <br />
    </div>
    <div id="footer">
    It displays fine in IE6, IE7 and FF2 so it would seem that something in your included markup is making it drop.

    Hope that helps you narrow it down.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New to the CF scene
    Join Date
    Dec 2007
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    didnt work but thanks,

    http://phpv2.forever-ashley.com/ is a link i made for it, IE6 is just the main problem.

  • #6
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by Hardwire View Post
    didnt work but thanks,

    http://phpv2.forever-ashley.com/ is a link i made for it, IE6 is just the main problem.
    You have several validation errors. CSS and XHTML.

    You may find this interesting.
    http://www.webmasterworld.com/forum83/4161.htm

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

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