SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict
    Join Date
    Jul 2004
    Location
    Jed.
    Posts
    243
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Another IE6 Gap issue

    Hello

    As show in the attached images the gap in ie6. I tried may solution from the net with no help.

    I tried

    hasLayout (height:1%)
    padding
    margining
    etc

    The site can be seen here
    http://174.132.89.167/~tabibco/

    Thank you
    Attached Images Attached Images

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,633
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I put clearfix in some key places, changed some widths to account for overflow in IE6 and got it working
    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">
    <head>
    <base href="http://174.132.89.167/~tabibco/" />
      <link rel="stylesheet" type="text/css" href="stylesheets/core.css" />
      <link rel="stylesheet" type="text/css" href="stylesheets/pagelayout.css" />
      <link rel="stylesheet" type="text/css" href="stylesheets/content.css" />
      <!--[if IE 6]> <style type="text/css"> @import url(stylesheets/ie6.css); </style> <![endif]-->
      <!--[if IE 7]> <style type="text/css"> @import url(stylesheets/ie7.css); </style> <![endif]-->
      <!--     <script type="text/JavaScript" src="javascript/curvycorners.js"> </script> -->
    
      <script type="text/javascript" src="javascript/swfobject.js">
    </script>
    
      <title></title>
    <style>
    *{margin:0;padding:0;}
    #content, div#center-column{width:659px;}
    * html ul#upper-menu{width:462px;}
    ul#upper-menu{float:right;width:456px;}
    div#header img{display:inline;}
    * html #ieimage{width:19px;}
    </style>
    </head>
    
    <body>
      <div id="wrapper">
        <!-- <div id="page"> -->
    
        <div id="header" class="clearfix"><img src="images/spacer.gif" alt="????" width="13" height=
        "104" /> <img src="images/design_top.jpg" alt="????" width="828" height=
        "21" /> <img src="images/logo_part1.jpg" alt="????" width="315" height=
        "22" /> <img src="images/search_magnifier.jpg" alt="" width="292"
        height="22" />
    
        <div id="search">
          <form action="#">
            <p><input type="text" /></p>
          </form>
        </div><img src="images/search_text.jpg" alt="????? 2" width="80" height=
        "22" /><img src="images/logo_part2.jpg" alt="????" width="315" height="61" />
        <img src="images/upper_menu_top_pad.jpg" alt="????" width="513" height="8" />
        <img src="images/upper_menu_right_pad.jpg" alt="????" width="32" height=
        "38" />
    
        <ul id="upper-menu">
          <li class="ob-gyne-section"><a href="#">??? ?????? ? ???????</a></li>
    
          <li class="ob-gyne-sep"><span>&nbsp;</span></li>
    
          <li class="editors"><a href="#">???? ???????</a></li>
    
          <li class="editors-sep"><span>&nbsp;</span></li>
    
          <li class="univ-hospital"><a href="#">???????? ???????</a></li>
    
          <li class="univ-hospital-sep"><span>&nbsp;</span></li>
    
          <li class="contactus"><a href="#">????????</a></li>
        </ul><img src="images/upper_menu_left_pad.jpg" alt="????" width="25" id="ieimage" height=
        "38" /><img src="images/upper_menu_bottom_pad.jpg" alt="????" width="513"
        height="15" /> <img src="images/logo_part3.jpg" alt="????" width="182"
        height="64" />
    
        <div>
          <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
          width="633" height="64">
            <param name="movie" value="images/banner.swf" />
            <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="images/banner.swf"
            width="633" height="64">
              <!--<![endif]-->
    
              <div><img src="images/banner.jpg" alt="???? ??????" width="633" height=
              "64" /></div><!--[if !IE]>-->
            </object> <!--<![endif]-->
          </object>
        </div><img src="images/banner_lh_pad.jpg" alt="????" width="26" height=
        "64" /></div>
    
        <div id="right-column">
          <div id="main-menu-wrapper"><img src="images/main_menu_top_pad.png" alt=
          "????" width="182" height="16" /> <img src="images/main_menu_curve.png"
          alt="???? ?????" width="13" height="363" /> <img src=
          "images/main_menu_top.jpg" alt="???? ???????" width="162" height="9" />
    
          <ul id="main-menu">
            <li class="mainpage"><a href="#">?????? ????????</a></li>
    
            <li class="surgery-rules-reg"><a href="#">????? ??????? ?????? ?
            ?????</a></li>
    
            <li class="valuable-releases"><a href="#">??????? ????</a></li>
    
            <li class="videos"><a href="#">????? ?????</a></li>
    
            <li class="eajaz"><a href="#">??????? ?????? ?? ??? ??????</a></li>
    
            <li class="fiqh-views"><a href="#">?????? ??????? ????????
            ???????</a></li>
    
            <li class="prophetic-medicine"><a href="#">???? ??????</a></li>
    
            <li class="new-in-medicine"><a href="#"></a></li>
    
            <li class="islamic-medicine-consultant"><a href="#"></a></li>
    
            <li class="annexes"><a href="#"></a></li>
    
            <li class="islamic-medicine-menhaj"><a href="#"></a></li>
    
            <li class="islamic-medicine-sites"><a href="#"></a></li>
          </ul><img src="images/main_menu_bottom.png" alt="???? ???????" width="162"
          height="8" /></div>
    
          <div id="small-menu"></div>
        </div>
    
        <div id="content">
          <div id="center-column" class="clearfix">
            <div class="green-objects clearfix">
              <img src="images/md_icon.png" alt="?????? ?????? ??????" width="80"
              height="80" /><img src="images/born_of_site.png" alt="????? ??????"
              width="122" height="21" />
    
              <p>Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem
              Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem
              Ipsum Lorem Ipsum</p>
            </div>
    
            <div id="highlighted-objects">
              <img id="aleajaz-img" src="images/aleajaz.png" alt="???????" width=
              "141" height="39" />
    
              <div id="aleajaz">
                &nbsp;
              </div><img id="surgery-img" src="images/surgery_rules.png" alt=
              "????? ???????" width="141" height="39" />
    
              <div id="surgery">
                &nbsp;
              </div><img id="secret-img" src="images/secret_questions.png" alt=
              "????? ???? ????" width="142" height="39" />
    
              <div id="secret">
                &nbsp;
              </div><img id="pregnant-img" src="images/pregnant.png" alt=
              "???? ??????" width="141" height="39" />
    
              <div id="pregnant">
                &nbsp;
              </div><img id="mature-female-img" src="images/mature_female.png" alt=
              "?????? ???????" width="141" height="39" />
    
              <div id="mature-female">
                &nbsp;
              </div>
            </div><img src="images/spacer.gif" alt="????" width="400" height="250" />
    
            <div class="green-objects clearfix">
              <form id="delivery" action="#">
                <table>
                  <tr>
                    <td colspan="3"><img src="images/when_he_comes.png" alt=
                    "??? ???? ??????" width="163" height="21" /> <span>????? ???
                    ????? ??????</span></td>
                  </tr>
    
                  <tr align="center">
                    <td colspan="2">
                      <p><label>?????</label> <input name="day" type="text" />
                      <label>?????</label> <input name="month" type="text" />
                      <label>?????</label> <input name="year" type="text" /></p>
                    </td>
    
                    <td rowspan="2">
                      <div id="calc">
                        <input type="submit" name="calc" value="" />
                      </div>
                    </td>
                  </tr>
    
                  <tr align="center">
                    <td>
                      <p><label>????? ????? ???? ????</label></p>
                    </td>
    
                    <td>
                      <p>&nbsp;</p>
                    </td>
                  </tr>
                </table>
              </form>
            </div>
          </div>
    
          <div id="left-column">
            LEFT
          </div>
        </div><!--Content-->
    
        <div id="footer">
          FOOTER
        </div>
      </div>
    </body>
    </html>
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,633
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    @Eric, those images are floated...it has no relevance.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


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
  •