Help
This topic is locked
Iam working on a project i have done almost 70percent index page but now iam facing a problem or you may call it an error.
Look at the plan or Package section of the page.Its working fine in IE but in firefox the images are going down.
http://pakiway.thvhosting.net/test/
CSS
body {height:600px;
width:1024px;
margin:0px;
padding:0px;
background-color: #fff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #424241;
}
a {
text-decoration: none;
color: #424241;
}
a:hover {
border: none;
}
img {
border: 0px
}
h1, h2, h3 {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0px;
color: #6D8A07;
}
p {
margin-top:-6px;
line-height: 1.00em;
font-size:11px
}
input {border:1px solid #8CB207;
color:#597104
}
textarea {border:1px solid #8CB207;
height:80px;
width:150px;
color:#597104
}
form {padding:0px;
margin:0px
}
#header {
background: url(images/header.gif);
background-repeat: no-repeat;
background-position:top;
height:111px;
padding:0px;
margin:0px;
}
.menu {
background: url(images/menu.gif);
background-repeat: no-repeat;
height:128px;
padding:0px;
margin-top:38px;
width:178px
}
.menu img {
margin-top:-38px
}
.menu ul {padding:0px;
margin:4px 0px 0px 10px;
list-style:none;
font-size:11px
}
.menu li {
}
.news {
background: url(images/news.gif);
background-repeat: no-repeat;
height:180px;
padding:45px;
padding-bottom:0px;
margin-top:-150px;
width:678px;
float:right
}
.plans {
background: url(images/planbg.gif);
background-repeat: repeat-x;
height:154px;
padding:0px;
margin-top:40px;
width:1024px
}
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>PakGaming Beta</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Language" content="en-us"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="header"> </div> <div class="menu"> <div> <img src="images/menutop.gif" height="43" width="172"> </div> <ul> <li>Home</li> <li>About Us</li> <li>Free Web Hosting</li> <li>FAQ's</li> <li>Help Center</li> <li>Packages</li> <li>Contact Us</li> <li>Terms Of Service</li> </ul> </div> <div class="news"> <p> We are blah blah hosting.We are blah blah hosting.<br> We are blah blah hosting.We are blah blah hosting.<br> We are blah blah hosting.We are blah blah hosting.<br> We are blah blah hosting.We are blah blah hosting.<br> We are blah blah hosting.We are blah blah hosting.<br> We are blah blah hosting.We are blah blah hosting.<br> We are blah blah hosting.We are blah blah hosting.<br> </p> </div> <div class="plans"> <img src="images/standard.gif" height="154" width="271"> <img src="images/stplus.gif" height="154" width="333"> <img src="images/stelite.gif" height="154" width="301"> </div> </body> </html>
MultiQuote
