The layout im working. works with safari and firefox and opera. but the issues the in IE the header and footer is 1mm aligned off. so how can i fix that issues. the link of site is
http://www.level5studio.com/tc/
hope hear from you guys soon.. im so fed up with it! tryin to fix heh 
source and info is
HTML 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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, sans-serif;
background: #382D24 url(layout/images/bk/bg3.gif) repeat-y center top;
margin: 30px 0px 0px;
}
.tcwrap {
width: 746px !important;
margin-right: auto;
margin-left: auto;
}
.heading #navbar {
text-align:right;
color: #362B22;
margin: 0px;
padding: 0px 45px 4px 0px;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
.heading #navbar li {
display:inline;
padding:0 0.8em;
border-right:1px dotted #A18D4D;
}
.heading {
font-size: 0.7em;
}
.heading #navbar li.last {
border:none;
}
.heading #navbar a {
color:#8F7D44;
text-decoration:none;
}
.heading #navbar a:hover {
color:#332A21;
}
.tcwrap #navcontainer
{
background: url(layout/images/bk/bar.gif) repeat-x left top;
height: 26px;
}
.tcwrap #navcontainer ul
{
font-weight: normal;
color: #312820;
text-align: right;
margin: 0;
line-height: 24px;
padding: 0px;
}
.tcwrap #navcontainer ul li
{
display: inline;
margin-left: -4px;
font-size: 0.7em;
}
.tcwrap #navcontainer ul li a
{
padding: 0.5em 1em;
color: #7F7434;
text-decoration: none;
margin: 0px;
border: 1px dotted #B9A96C;
}
.tcwrap #navcontainer ul li a:hover
{
color: #D7D7D7;
background: url(layout/images/bk/bg_menu.gif) repeat left top;
}
.tcwrap #navcontainer li a#current {
background: url(layout/images/bk/bar2.gif) repeat-x center top;
}
.tcwrap #displaypromo {
height: 180px;
background: url(layout/images/bk/box_bk.gif);
margin-top: 4px;
margin-bottom: 4px;
padding: 5px;
}
.tcwrap #content_section {
width: 729px !important;
border-top: 6px solid #4B3E31;
}
.tcwrap #footer {
background: url(layout/images/body/footer.png) repeat-x center top;
height: 53px;
color: #CBC098;
letter-spacing: 0.1em;
font-size: 1em;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
.floatright {
float: right;
}
.floatleft {
float: left;
}
.clear {
clear: both;
}
.tcwrap #layerbkg {
background: url(layout/images/bk/c_bk.png) repeat-y fixed center center;
}
.tcwrap #padding {
margin-right: 9px;
margin-left: 9px;
}
.footer #menu {
color: #00CCCC;
}
.arrowmenu {
color: #A69250;
font: bold 13px Arial, Helvetica, sans-serif;
}
.header {
background: url(layout/images/body/header3.png) no-repeat center top;
height: 81px;
}
.footer {
background: url(layout/images/body/footer.png) no-repeat center top;
height: 53px;
padding-left: 17px;
}
.footer #info {
color: #99B3D0;
list-style: none;
padding-top: 18px;
padding-right: 20px;
font-size: 0.6em;
}
.footer #navlist {
text-align:center;
color: #99B3D0;
margin: 0px;
padding: 0px;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
.footer #navlist li {
display:inline;
padding:0 0.8em;
border-right:1px dotted #E2CB7C;
}
.footer #navlist li.last {
border:none;
}
.footer #navlist a {
color:#99B3D0;
text-decoration:none;
}
.footer #navlist a:hover {
color:#E2CB7C;
}
.style2 {
color: #342B22;
font-weight: bold;
}
.style3 {
color: #DBC579;
font-weight: bold;
}
.style6 {
font-size: 14px;
color: #9D8B4A;
}
-->
</style>
</head>
<body>
<!-- .tcwrap: Holds the layout -->
<div class="tcwrap">
<!-- .headermenu -->
<div class="heading">
<ul id="navbar">
<li><a href="#"><span class="arrowmenu">›</span> Join Now</a></li>
<li><a href="#"><span class="arrowmenu">›</span> Sign In</a></li>
<li class="last"><a href="#"><span class="arrowmenu">›</span> Not a Member?</a></li>
</ul>
<!-- .header -->
<div class="header"></div>
<!-- ends .header -->
</div>
<!-- ends .headermenu -->
<!-- #layerbkg: content background effect -->
<div id="layerbkg">
<!-- #padding: 9l9r padding the layout -->
<div id="padding">
<!-- #navigagtion: major menu -->
<div id="navcontainer">
<ul>
<li id="active"><a href="#" id="current"><span class="arrowmenu">›</span> Overview</a></li>
<li><a href="#"><span class="arrowmenu">›</span> Manage Catalog</a></li>
<li><a href="#"><span class="arrowmenu">›</span> Sell Your Music</a></li>
<li><a href="#"><span class="arrowmenu">›</span> Track Payment</a></li>
<li><a href="#"><span class="arrowmenu">›</span> About us</a></li>
</ul>
</div>
<!-- ends #navigation -->
<!-- #display: shows flash / image NOTE: Must change the class per page. -->
<div id="displaypromo" class="display_overview"></div>
<!-- ends #display -->
<!-- #content_section: Holds all contents in there. -->
<div id="content_section"> test </div>
<!-- ends #content_section -->
</div>
<!-- ends #padding -->
</div>
<!-- ends #layerbkg -->
<!-- .footer -->
<div class="footer">
<div id="info">
<ul id="navlist" class="floatleft">
<li><a href="#">About us</a></li>
<li><a href="#">Contact us</a></li>
<li class="last"><a href="#">Pirvacy Policy</a></li>
</ul>
<span class="floatright">© 2007 Tunescart All Rights Reserved</span></div>
</div>
<!-- ends .footer -->
</div>
<!-- ends #tcwrap -->
</body>
</html>
__________________
-Regards
Nick
|
