|
|
Posted by BootNic on 05/31/06 01:01
> "Terry" <RE_MOVE_THIS**terryb@4everhers.com> wrote:
> news:127n1vksg33vie8@news.supernews.com....
[snip]
> I'm wondering if I can get help with something else. The footer
> displays fine in IE and Opera but not Firefox. I've read that
> there are various hacks that you have to do sometimes. Can anyone
> give me an idea as how to make the right side line up?
The first thing I notice is that you have not given a doctype.
IMHO its much easier to work with when you give a document a doctype that
puts the document in standard compliance mode.
If you were to give your footer a doctype :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
you would find that is not likely the results you want in any of your test browsers,
but it would be more consistent.
At any rate, here is something you can go through and figure out what it all does.
Files used in the HTML example:
http://i.1asphost.com/BootNic/temp/hover.htc
http://i.1asphost.com/BootNic/temp/mainTestlte7.css
http://i.1asphost.com/BootNic/temp/mainTestlte6.css
Example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" href=
"http://i.1asphost.com/BootNic/temp/mainTest.css" type="text/css">
<!--[if lte IE 7]>
<link rel="stylesheet"
href="http://i.1asphost.com/BootNic/temp/mainTestlte7.css" type="text/css">
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet"
href="http://i.1asphost.com/BootNic/temp/mainTestlte6.css" type="text/css">
<![endif]-->
<title></title>
</head>
<body>
<div id="menu">
<div>
<p>Shopping</p>
<ul>
<li><a href=
"https://www.4everhers.com/4store/pc/Custva.asp?redSSL=1">My
Account</a></li>
<li><a href=
"http://www.4everhers.com/ctp/reward-points.asp">Reward
Points</a></li>
<li><a href=
"http://www.4everhers.com/ctp/reward-points.asp">Reward
Points</a></li>
</ul>
</div>
<div>
<p>Departments</p>
<ul>
<li><a href=
"http://www.4everhers.com/4store/pc/viewCat_h.asp?idCategory=4">
Sexy Lingerie</a></li>
<li><a href=
"http://www.4everhers.com/4store/pc/viewCat_h.asp?idCategory=24">
Romance & Fantasy</a></li>
<li><a href=
"http://www.4everhers.com/4store/pc/viewCat_h.asp?idCategory=24">
Romance & Fantasy</a></li>
</ul>
</div>
<div>
<p>Helpdesk</p>
<ul>
<li><a href=
"http://www.4everhers.com/ctp/size-chart.asp">Size
Chart</a></li>
<li><a href=
"http://www.4everhers.com/ctp/lingerie-definitions.asp">Lingerie
Definitions</a></li>
<li><a href=
"http://www.4everhers.com/ctp/lingerie-definitions.asp">Lingerie
Definitions</a></li>
</ul>
</div>
<div>
<p>Information</p>
<ul>
<li><a href="http://www.4everhers.com/ctp/about-us.asp">About
Us</a></li>
<li><a href=
"http://www.4everhers.com/ctp/contact-us.asp">Contact
Us</a></li>
<li><a href="http://www.4everhers.com">Home</a></li>
</ul>
</div>
<div>
<p>Webmasters</p>
<ul>
<li><a href=
"http://www.4everhers.com/links/webmasters-add-link.asp">Add
a Link</a></li>
<li><a href=
"http://www.4everhers.com/links/webmasters-modify-link.asp">Modify
a Link</a></li>
<li><a href=
"http://www.4everhers.com/links/webmasters-modify-link.asp">Modify
a Link</a></li>
</ul>
</div>
</div>
<div id="ssi">
<div class="borderright">
<p><span style="float:right;"><img src=
"http://www.4everhers.com/images/instantssl_site_seal.gif" alt=
""></span>Shop 4everHers.com in complete confidence. You are
protected by the world-class safety of SSL <a href=
"http://www.4everhers.com/ctp/security.asp">Secure
Shopping</a>. COMODO is a world leader in ensuring Identity
Trust & Assurance on the web. If there is any way we can
improve your shopping experience, please <a href=
"http://www.4everhers.com/ctp/contact-us.asp">Contact
Us</a>.</p>
</div>
<div>
<p><span style="float:left;"><img src=
"http://www.4everhers.com/images/creditcards.gif" alt="">Click
to Verify</span>Copyright © 4everHers, 2006. All rights
reserved. Images used herein are protected by copyright of
either 4everHers, the manufacturer of the goods, or stock photo
agencies and cannot be reprinted or sold without the written
permission of the copyright holder. <a href=
"/StoreMap.html">Site Map</a></p>
</div>
</div>
</body>
</html>
--
BootNic Tuesday, May 30, 2006 9:01 PM
Good communication is as stimulating as black coffee and just as hard
to sleep after.
*Anne Morrow Lindbergh*
Navigation:
[Reply to this message]
|