...

View Full Version : css footer displaying problem



candice lim
03-03-2009, 08:42 PM
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....

Fisher
03-03-2009, 09:38 PM
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.

Excavator
03-03-2009, 11:42 PM
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:

#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 -
</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>

candice lim
03-04-2009, 07:55 AM
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.

abduraooft
03-04-2009, 07:59 AM
Try to fix the errors in your markup (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.miss-right-fashion.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0).

jhaycutexp
03-04-2009, 09:50 AM
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..



<!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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%BA%97_files/tab.js"></script>
</head>

jhaycutexp
03-04-2009, 09:51 AM
<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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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%E 5%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>

jhaycutexp
03-04-2009, 09:58 AM
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...

hkp819
03-04-2009, 10:33 AM
use css

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

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>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum