This is my website, it looks abosolutly perfect in firefox but in ie its all over the place. Below are two files that make up the design, the css and another document for the layout please can somone have a look for any problems which might cause this to happen!
- Code: Select all
<br>
<div id="topcont">
<img id="logo" src="/linkland/Logo.jpg" alt="Link Land" align="center'/>
<div id="menu"
<div id="menu" align="center">
<a href="<?=$url;?>"><img src="/linkland/Home(there).jpg" alt="Home"/></a>
<a href="purchase.php"><img src="/linkland/Buy.jpg" alt="Buy Link"/></a>
<a href="about.php"><img src="/linkland/About.jpg" alt="About us"/></a>
<a href="contact.php"><img src="/linkland/Contact.jpg" alt="Contact"/></a>
</div>
<div id="main" align="center">
<br />
<div class="memberbar">
<?php include 'welcomeuser.php'; ?>
</div>
- Code: Select all
body
{
font-family: Tahoma, Arial, sans-serif;
margin: 0;
padding: 0;
font-size:11px;
background-image:url('/linkland/bg.jpg');
}
div#topcont
{
width: 305px;
margin: 0px auto;
}
img#logo
{
padding: 0px 0px;
margin: 0px;
display: block;
}
div#menu
{;
background-repeat: no-repeat;
padding-left: 0px;
margin: 0px;
width: 223px0%;
overflow: hidden;
}
div#menu img
{
display: block;
float: left;
}
div#main
{
background: #F3F3F3;
background-position: center;
background-repeat: repeat-x;
width: 297px;
height: 100%;
}
div#footer
{
padding-top: 20px;
height: 33px;
width: 297px;
text-align: center;
color: #737373;
font-size:11px;
}
a img{ border-style: none;}
a:link, a:visited{ color: #737373; text-decoration: none;}
a:hover, a:active{text-decoration: underline;}
.memberbar {
width: 285px;
background: #D2EDFF;
border: 1px solid #1289D5;
text-align: center;
padding: 4px;
}
.button {
font-family: Verdana,Helvetica,Arial;
font-size: 10px;
background: #D2EDFF;
border: solid 1px #1289D5;
}
.about {
padding: 5px;
width: 285px;
}
