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 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    css footer displaying problem

    the problem i have encountered is the footer seems like overlapping with the content , it can't stretch well to fit in the bottom of the page, however it is alright in firefox.

    My link is : www.miss-right-fashion.com

    Anyone can help? Thanks....

  • #2
    Regular Coder
    Join Date
    Jan 2009
    Posts
    316
    Thanks
    7
    Thanked 92 Times in 91 Posts
    This is beyond my ability. For some reason when I view your page there is no css sheet in my temporary internet files. I guess that has to do with the base tag.

    Anyway, this might get you on the right path: When I view the site in IE6, it is messes up badly and all to the left. If I save a copy of your site, the same effect happens when I view that copy.

    However, if I save a copy of your site in Firefox and then view that copy with IE6 it is perfect!

    Somewhere you have some IE specific CSS that is messing everything up.

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hell candice lim,
    I'm not sure you need the display:inline-block; on #footer.
    Also, maybe you have plans for nested divs later but, as it is now, .div1 is just divitis.
    There is no such thing as float:center;

    Try it like this instead:
    Code:
    #footer {
    	position:relative;
    	padding-top: 5px;
    	border-top: 1px solid #DDDDDD;
    	background-image:url(http://miss-right-fashion.com/flower.gif);
    	color:#FF0033;
    	font-weight:bold;
    	font-size:14px;
    	text-align: center;
    }
    /*#footer .div1{} delete me*/
    And the markup with .div1 removed -
    Code:
     </tbody></table></div><div class="bottom"></div></div>  <div id="footer"><br><p>~ MISS RIGHT Online Boutique ~ © 2009</p><p>Email: candice@miss-right-fashion.com</p><p>Msn:purplerain1983@hotmail.com</p><p>
    Call/Sms:012-6371869</p><br></div></div>
    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

  • #4
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i have removed the div 1 as u said, but the problem is stil exist, i found something that is : sometimes i refresh the webpage for several times in IE, it will display well after refreshing, for firefox , it is perfectly ok.

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Try to fix the errors in your markup.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    263
    Thanks
    3
    Thanked 12 Times in 12 Posts
    okay here's my version of your site..

    this a two part... code so better be aware of where it will end.. i'm cutting on to the first part till before the body part..

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xml:lang="en" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=GB2312" />
    <title>~ MISS RIGHT Online Boutique ~  MISS RIGHT 网络服装店 </title><!-- base href="http://www.miss-right-fashion.com/" -->
    <link rel="stylesheet" type="text/css" href="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/stylesheet.css" />
    <script type="text/javascript" src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/jquery-1.js"></script>
    <script type="text/javascript" src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/thickbox-compressed.js"></script>
    <link rel="stylesheet" type="text/css" href="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/thickbox.css" />
    <script type="text/javascript" src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/tab.js"></script>
    </head>
    Last edited by jhaycutexp; 03-04-2009 at 08:53 AM.

  • #7
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    263
    Thanks
    3
    Thanked 12 Times in 12 Posts
    Code:
    <body>
    
    
    <div id="container">  
    	<div id="header">
        	<div class="div1">  
            <div class="div2"><a href="http://www.miss-right-fashion.com/index.php?route=common/home"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/logo.png" title="~ MISS RIGHT Online Boutique ~" alt="~ MISS RIGHT Online Boutique ~" /></a></div>  
            <div class="div3"></div></div>
            <div class="div4"><a href="http://www.miss-right-fashion.com/index.php?route=common/home">首页 Home</a><a href="http://www.miss-right-fashion.com/index.php?route=account/account">您的户口 Account</a>    <a href="http://www.miss-right-fashion.com/index.php?route=account/login">登入户口 Log In</a>    <a href="http://www.miss-right-fashion.com/index.php?route=checkout/cart">购物篮 Shopping Cart</a><a href="http://www.miss-right-fashion.com/index.php?route=checkout/shipping">总结下订 Checkout</a></div>
            <div id="breadcrumb">        <a href="http://www.miss-right-fashion.com/index.php?route=common/home">Home</a>      </div>  
    
    <div style="width:950px;">
    <div id="column_left">
    	<div class="box">
    
      		<div class="top" style="background: transparent url(catalog/view/image/icon_category.png) no-repeat scroll 8px 8px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 30px;">商品分类 Category</div>
    
              <div id="category" class="middle">
                <ul>
                    <li><a href="http://www.miss-right-fashion.com/index.php?route=product/category&amp;path=38">BLOUSE / TOP </a></li><li><a href="http://www.miss-right-fashion.com/index.php?route=product/category&amp;path=39">DRESS</a></li>
                    <li><a href="http://www.miss-right-fashion.com/index.php?route=product/category&amp;path=40">BAG</a></li>
                    <li><a href="http://www.miss-right-fashion.com/index.php?route=product/category&amp;path=41">ACCESSORIES</a></li>
                    </ul>
              </div><!--category-->
            
              <div class="bottom"></div>
    
    </div><!--endofbox-->
    
    	<div class="box">
    
              <div class="top" style="background: transparent url(catalog/view/image/icon_basket.png) no-repeat scroll 8px 8px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 30px;">购物篮 Cart</div>
            
              <div class="middle">
                <div style="text-align: center;">0 items</div>
    
        
      </div>
    
      <div class="bottom"></div>
    
    </div>
    
    <div class="box">
    
      <div class="top" style="background: transparent url(catalog/view/image/icon_information.png) no-repeat scroll 8px 8px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 30px;">购物须知 Info</div>
    
     	 <div id="information" class="middle">
    
            <ul> 
                <li><a href="http://www.miss-right-fashion.com/index.php?route=information/information&amp;information_id=4">About Us</a></li>
                <li><a href="http://www.miss-right-fashion.com/index.php?route=information/information&amp;information_id=3">Privacy Policy</a></li>
                <li><a href="http://www.miss-right-fashion.com/index.php?route=information/information&amp;information_id=5">Terms &amp; Conditions</a></li>
                <li><a href="http://www.miss-right-fashion.com/index.php?route=information/contact">联络我们 Contact Us</a></li>
                <li><a href="http://www.miss-right-fashion.com/index.php?route=information/sitemap">网站分析 Site Map</a></li>
            </ul>
    	</div>
    
      <div class="bottom"></div>
    
    </div>
    
    <div class="box">
    
      <div class="top" style="background: transparent url(catalog/view/image/icon_bestsellers.png) no-repeat scroll 8px 8px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 30px;">热销商品 hot items</div>
    
      <div class="middle">
    
        <table style="width: 100%;" cellpadding="2" cellspacing="0"> 
          <tbody><tr>
    		<td valign="top" width="1"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=56"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL001-70x70.jpg" alt="Pink Puff-sleeved Blouse" /></a></td>
    
            <td valign="top"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=56">Pink Puff-sleeved Blouse</a><br />
    
              <span style="font-size: 11px; color: rgb(153, 0, 0);">RM 32.00</span></td>
    
          </tr>
    
          
          <tr>
    
            <td valign="top" width="1"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=66"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/DR003-70x70.jpg" alt="Pink sleeveless Chiffon dress (free black tubetop)" /></a></td>
    
            <td valign="top"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=66">Pink sleeveless Chiffon dress (free black tubetop)</a><br />
    
              <span style="font-size: 11px; color: rgb(153, 0, 0);">RM 50.00</span></td>
    
          </tr>
    
          
          <tr>
    
            <td valign="top" width="1"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=57"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL002-70x70.jpg" alt="Beige Chiffon Top with lace tubetop &amp; brooch" /></a></td>
    
            <td valign="top"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=57">Beige Chiffon Top with lace tubetop &amp; brooch</a><br />
    
              <span style="font-size: 11px; color: rgb(153, 0, 0);">RM 40.00</span></td>
    
          </tr>
    
          
          <tr>
    
            <td valign="top" width="1"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=60"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL005-70x70.jpg" alt="Pink Japan-style top" /></a></td>
    
            <td valign="top"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=60">Pink Japan-style top</a><br />
    
              <span style="font-size: 11px; color: rgb(153, 0, 0);">RM 42.00</span></td>
    
          </tr>
    
          
          <tr>
    
            <td valign="top" width="1"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=58"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL003-70x70.jpg" alt="Black Chiffon Top with lace tubetop &amp; brooch" /></a></td>
    
            <td valign="top"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=58">Black Chiffon Top with lace tubetop &amp; brooch</a><br />
    
              <span style="font-size: 11px; color: rgb(153, 0, 0);">RM 40.00</span></td>
    
          </tr>
    
          
          <tr>
    
            <td valign="top" width="1"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=63"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL008-70x70.jpg" alt="Orange &amp; yellow Texture printed Chiffon Blouse" /></a></td>
    
            <td valign="top"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=63">Orange &amp; yellow Texture printed Chiffon Blouse</a><br />
    
              <span style="font-size: 11px; color: rgb(153, 0, 0);">RM 38.00</span></td>
    
          </tr>
    
          
          <tr>
    
            <td valign="top" width="1"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=67"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/DR004-70x70.jpg" alt="Multi-colored stripes dress" /></a></td>
    
            <td valign="top"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=67">Multi-colored stripes dress</a><br />
    
              <span style="font-size: 11px; color: rgb(153, 0, 0);">RM 45.00</span></td>
    
          </tr>
    
          
          <tr>
    
            <td valign="top" width="1"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=59"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL004-70x70.jpg" alt="Yellow Chiffon Top with black bow (big size)" /></a></td>
    
            <td valign="top"><a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=59">Yellow Chiffon Top with black bow (big size)</a><br />
    
              <span style="font-size: 11px; color: rgb(153, 0, 0);">RM 34.00</span></td>
    
          </tr>
    
          
        </tbody></table>
    
      </div><!--endofmiddle-->
    
      <div class="bottom"></div>
    
    </div><!--endofbox-->
    
    </div> <!--endofleft-->   
    <!--<div id="content">-->
    <div style="float:left; width:760px; background:#FFFFFF;">
    <a href="http://miss-right-fashion.com/notice.png"><img alt="" src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/notice.png" align="absmiddle" /></a>
    	<div class="top">  <h1>欢迎来到 MISS RIGHT 网络服装店 *Welcome to MISS RIGHT Online Boutique*</h1></div>
        <div class="middle">  
        	<div>    <p></p><p>&nbsp;</p>  
        </div>  
    
    	<div class="heading">最新商品 Latest Products</div>  
    		<table class="list">        
            <tbody><tr><td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=67"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/DR004-230x230.jpg" title="Multi-colored stripes dress" alt="Multi-colored stripes dress" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=67">Multi-colored stripes dress</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">DR 004 (Color-stripes)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 45.00</span><br />                </td>            <td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=66"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/DR003-230x230.jpg" title="Pink sleeveless Chiffon dress (free black tubetop)" alt="Pink sleeveless Chiffon dress (free black tubetop)" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=66">Pink sleeveless Chiffon dress (free black tubetop)</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">DR 003 (Pink)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 50.00</span><br />                </td>            <td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=65"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/DR002-230x230.jpg" title="Coffee-brown two-way style tube dress" alt="Coffee-brown two-way style tube dress" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=65">Coffee-brown two-way style tube dress</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">DR 002 (Coffee-brown)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 55.00</span><br />                </td>          </tr>        <tr>            <td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=64"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/DR001-230x230.jpg" title="White two-way style tube dress" alt="White two-way style tube dress" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=64">White two-way style tube dress</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">DR 001 (White)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 55.00</span><br />                </td>            <td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=63"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL008-230x230.jpg" title="Orange &amp; yellow Texture printed Chiffon Blouse" alt="Orange &amp; yellow Texture printed Chiffon Blouse" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=63">Orange &amp; yellow Texture printed Chiffon Blouse</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">BL 008 (Orange yellow)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 38.00</span><br />                </td>            <td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=62"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL007-230x230.jpg" title="White Chiffon Top" alt="White Chiffon Top" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=62">White Chiffon Top</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">BL 007 (White)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 38.00</span><br />                </td>          </tr>        <tr>            <td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=61"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL006-230x230.jpg" title="Yellow Japan-style top" alt="Yellow Japan-style top" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=61">Yellow Japan-style top</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">BL 006 (Yellow)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 42.00</span><br />                </td>            <td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=60"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL005-230x230.jpg" title="Pink Japan-style top" alt="Pink Japan-style top" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=60">Pink Japan-style top</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">BL 005 (Pink)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 42.00</span><br />                </td>            <td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=59"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL004-230x230.jpg" title="Yellow Chiffon Top with black bow (big size)" alt="Yellow Chiffon Top with black bow (big size)" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=59">Yellow Chiffon Top with black bow (big size)</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">BL 004 (Yellow)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 34.00</span><br />                </td>          </tr>        <tr>            <td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=58"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL003-230x230.jpg" title="Black Chiffon Top with lace tubetop &amp; brooch" alt="Black Chiffon Top with lace tubetop &amp; brooch" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=58">Black Chiffon Top with lace tubetop &amp; brooch</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">BL 003 (Black)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 40.00</span><br />                </td>            <td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=57"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL002-230x230.jpg" title="Beige Chiffon Top with lace tubetop &amp; brooch" alt="Beige Chiffon Top with lace tubetop &amp; brooch" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=57">Beige Chiffon Top with lace tubetop &amp; brooch</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">BL 002 (Beige)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 40.00</span><br />                </td>            <td width="25%">        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=56"><img src="%7E%20MISS%20RIGHT%20Online%20Boutique%20%7E%20MISS%20RIGHT%20%E7%BD%91%E7%BB%9C%E6%9C%8D%E8%A3%85%E5%BA%97_files/BL001-230x230.jpg" title="Pink Puff-sleeved Blouse" alt="Pink Puff-sleeved Blouse" /></a><br />        <a href="http://www.miss-right-fashion.com/index.php?route=product/product&amp;product_id=56">Pink Puff-sleeved Blouse</a><br />        <span style="color: rgb(153, 153, 153); font-size: 11px;">BL 001 (Pink)</span><br />        <span style="color: rgb(153, 0, 0); font-weight: bold;">RM 32.00</span><br />                </td>          </tr>      </tbody>
            </table>
    
    <div class="bottom"></div>
    </div><!--endofmiddle-->
    </div><!--endof header--> </div>
    <div style="clear:both;"></div>
    </div><!--endofcontainter-->
    <div id="footer">
    	<div><br /><p>~ MISS RIGHT Online Boutique ~ © 2009</p>
        				<p>Email: candice@miss-right-fashion.com</p><p>Msn: purplerain1983@hotmail.com</p>
                        <p>Call/Sms: 012-6371869</p><br />
    	</div>
    </div>
    </div><!--endofcontent wrapper-->
    
    
    
    </body>
    </html>

  • #8
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    263
    Thanks
    3
    Thanked 12 Times in 12 Posts
    Man that was tough.. ^__^

    i got a pretty hard time figuring which is which.. anyways.. candice..

    you have a serious problem on your markup... i did cleaned up some of them on my version.. but it's not full proof yet.. cause i just quickly skimmed and fixed your problem..

    basically it's on the structure of your html.. and several unnecessary markup here and there..

    and seriously.. who did this?? heheh.. gotta learn to write them cleanly.. cause it's pretty hard reading this scrap.. just kidding.. ^__^

    anyways hope this help...

  • #9
    New to the CF scene
    Join Date
    Dec 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    use css
    Code:
       1. /* generated by csscreator.com */
       2. html, body{
       3.     margin:0;
       4.     padding:0;
       5.     height:100%; /* needed for container min-height */
       6.     background:gray;
       7.    
       8.     font-family:arial,sans-serif;
       9.     font-size:small;
      10. }
      11.  
      12. #container{
      13.  width:500px;
      14.  text-align:left;  
      15.     position:relative; /* needed for footer positioning*/
      16.     margin:0 auto; /* center, not in IE5 */
      17.    
      18.     height:auto !important; /* real browsers */
      19.     height:100%; /* IE6: treaded as min-height*/
      20.  
      21.     min-height:100%; /* real browsers */
      22.     background: #fff;  
      23. }
      24.  
      25. #wrapper {
      26.         padding:0 0 5em; /* bottom padding for footer */}
      27. #header{
      28.  position:relative;
      29.  height:150px;
      30.   background-color:#f20;
      31.  width:100%;
      32. }
      33.  
      34. #leftcol{
      35.  width:150px;
      36.  float:left;
      37.  position:relative;
      38.  background-color:#B6FFFF;
      39.  }
      40.  
      41. #maincol{background-color: #FFFFFF;  
      42.  float: right;
      43.  display:inline;
      44.  position: relative;
      45.  width:350px;
      46.  }
      47.  
      48. #footer{
      49.  height:10px;
      50.   background-color:#FFFFFF;
      51.  clear:both;
      52.     position:absolute;
      53.     width:100%;
      54.     bottom:10px; /* stick to bottom */
      55.  
      56.  }
      57.  
      58.  
      59.  
      60.  /* *** Float containers fix:
      61.  http://www.csscreator.com/attributes/containedfloat.php *** */
      62. .clearfix:after {
      63.  content: ".";
      64.  display: block;
      65. height: 0;
      66.  clear: both;
      67.  visibility: hidden;
      68.  }
      69.  
      70. .clearfix{display: inline-block;}
      71.  
      72. /* Hides from IE-mac \*/
      73. * html .clearfix{height: 1%;}
      74. .clearfix{display: block;}
      75. /* End hide from IE-mac */  
      76.  
      77.  
      78.  
      79.  /*printer styles*/
      80.  @media print{
      81. /*hide the left column when printing*/
      82. #leftcol{display:none;}
      83. #twocols, #maincol{width:100%; float:none;}
      84. }
      85.  
      86. h1 {
      87.     font:1.5em georgia,serif;
      88.     margin:0.5em 0;
      89. }
      90.  
      91. h2 {
      92.     font:1.25em georgia,serif;
      93.     margin:0 0 0.5em;
      94. }
      95.     h1, h2, a {
      96.         color:orange;
      97.     }
      98.  
      99. p {
     100.     line-height:1.5;
     101.     margin:0 0 1em;
     102. }
     103.  
     104.  
     105.
    and html
    Code:
       1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
       2. <html>
       3. <head>
       4. <title>Test</title>
       5. <meta http-equiv="content-type" content="text/html;charset=utf-8" />
       6.  
       7. <link rel="stylesheet" href="style.css" type="text/css" />
       8. </head>
       9. <body>
      10. <div id="container" >
      11.     <div id="header" > Head </div>
      12.     <div id="wrapper" class="clearfix" >
      13.             <div id="maincol" >Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      14. Etiam mattis, lorem eu ultrices tristique, neque magna ultrices velit, vehicula pretium
      15. sem enim ut tellus. come sociis natoque penatibus et magnis dis parturient montes,
      16. convallis, neque magna tempor mauris, in rutrum purus mi non ante. Fusce enim tortor,
      17. fringilla non, molestie a, varius vel, eros. Mauris tempor, est ac consequat vestibulum,
      18. risus tortor tempus tellus, lobortis viverra nisi nulla et metus. Etiam hendrerit vestibulum
      19. nibh. Sed lacus ante, vestibulum vel, auctor ut, tempor sed, leo. </div>
      20.             <div id="leftcol" > Left Column </div>
      21.     </div>
      22.     <div id="footer" > Footer
      23.     </div>
      24.     </div>
      25. </body>
      26. </html>


  •  

    Posting Permissions

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