LJackson
02-23-2009, 10:48 PM
Hi all,
im having a small problem with my current page here (http://www.kernow-connect.com/Newindex.php)
in IE7 it displays fine but in firefox i get a white gap underneeth the title image.
here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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">
<!--
#header {
margin: 0 auto;
width:980px;
height:125px;
padding-top:5px;
padding-bottom:5px;
z-index:1;
background-color:#A66300;
left: 164px;
}
#logo{
width:340px;
height:125px;
float:left;
margin-left:3px;
}
#toplinks{
width:355px;
height:55px;
float:right;
background:#BF8630;
margin-right:5px;
margin-top:1px;
}
#wrapper{
margin: 0 auto;
width:980px;
background-color:#FFC773;
}
#indextext{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0 auto;
width:940px;
}
#navlinkcont{
width:950px;
height:34px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
float:left;
margin-left:14px;
}
#entlink{
height:34px;
float:left;
}
#complink{
height:34px;
float:left;
}
#tvllink{
height:34px;
float:left;
}
#clolink{
height:34px;
float:left;
}
#misclink{
height:34px;
float:left;
}
#speciallink{
height:34px;
float:right;
}
.top5picks{
float:left;
width:175px;
height:175px;
margin-right:11px;
border:1px solid #A66300;
}
.top5headers{
width:175px;
height:20px;
background-color:#A66300;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
-->
</style>
</head>
<body>
<div id="header">
<div id="logo"><img src="../../../Users/karate_kid007/Pictures/thelogo.png" width="340" height="125" alt="Kernow Connect" /></div>
<div id="toplinks"><img src="../../../Users/karate_kid007/Pictures/home2.png" alt="Home" width="114" height="57" /><img src="../../../Users/karate_kid007/Pictures/about.png" alt="About Us" width="114" height="57" /><img src="../../../Users/karate_kid007/Pictures/contact2.png" alt="Contact Us" width="114" height="57" /></div>
</div>
<div id="wrapper">
<div id="navlinkcont">
<div id="entlink"><a href="http://www.kernow-connect.com/entertainment.php"><img src="../../../Users/karate_kid007/Pictures/entertainmentlink.png" alt="Entertainment" width="122" height="34" border="0" /></a></div>
<div id="complink"><a href="connect.com/computing.php"><img src="../../../Users/karate_kid007/Pictures/computinglink.png" alt="Computing" width="96" height="34" border="0" /></a></div>
<div id="tvllink"><a href="connect.com/travel.php"><img src="../../../Users/karate_kid007/Pictures/travellink.png" alt="Travel and Insurance" width="170" height="34" border="0" /></a></div>
<div id="clolink"><a href="connect.com/clothing.php"><img src="../../../Users/karate_kid007/Pictures/clothinglink.png" alt="Clothing" width="79" height="34" border="0" /></a></div>
<div id="misclink"><a href="connect.com/misc.php"><img src="../../../Users/karate_kid007/Pictures/misclink.png" alt="Misc" width="54" height="34" border="0" /></a></div>
<div id="speciallink"><img src="../../../Users/karate_kid007/Pictures/speciallink.png" alt="Special Occasions" width="148" height="34" /></div>
</div>
<p> </p>
<div id="indextext">
<p> </p>
<p>Welcome to Kernow Connect, a website dedicated to helping you find the best deals on the web. We have the top ten offers from over 50 of the biggest online stores so you are sure to find the cheapest items around. But thats not it, we also list the top 10 selling items, the top 10 newest releases, and any discount codes that the stores may currently be offering helping you save money. Wait there's even more, do you want to find that special gift for a special occasion? Well check out our special occasion page where you can find the best items for every kind of ocassion, check it out!</p>
<p>You also have the ability to rate each of the 50+ stores depending on how well your transaction was handled, there are four areas which you can rate the store and it is then given an overall rating, the top three rated stores in each category will get greater exposure than the others, therefor you can rest asure that the store you are shopping at is reliable and highly rated by your fellow users.</p>
<p> </p>
<p>This Weeks Top 5 Picks</p>
<div class="top5picks"><div class="top5headers">header 1</div>1</div>
<div class="top5picks"><div class="top5headers">header 2</div>2</div>
<div class="top5picks"><div class="top5headers">header 3</div>3</div>
<div class="top5picks"><div class="top5headers">header 4</div>4</div>
<div class="top5picks"><div class="top5headers">header 5</div>5</div>
<p> </p>
<p>You
</p>
</div></div>
</body>
</html>
i know there is no php code in it yet but as its a php page i thought i'd better post it here.
any ideas?
p.s the images havent been uploaed yet so wont show :)
many thanks
Luke
im having a small problem with my current page here (http://www.kernow-connect.com/Newindex.php)
in IE7 it displays fine but in firefox i get a white gap underneeth the title image.
here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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">
<!--
#header {
margin: 0 auto;
width:980px;
height:125px;
padding-top:5px;
padding-bottom:5px;
z-index:1;
background-color:#A66300;
left: 164px;
}
#logo{
width:340px;
height:125px;
float:left;
margin-left:3px;
}
#toplinks{
width:355px;
height:55px;
float:right;
background:#BF8630;
margin-right:5px;
margin-top:1px;
}
#wrapper{
margin: 0 auto;
width:980px;
background-color:#FFC773;
}
#indextext{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0 auto;
width:940px;
}
#navlinkcont{
width:950px;
height:34px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
float:left;
margin-left:14px;
}
#entlink{
height:34px;
float:left;
}
#complink{
height:34px;
float:left;
}
#tvllink{
height:34px;
float:left;
}
#clolink{
height:34px;
float:left;
}
#misclink{
height:34px;
float:left;
}
#speciallink{
height:34px;
float:right;
}
.top5picks{
float:left;
width:175px;
height:175px;
margin-right:11px;
border:1px solid #A66300;
}
.top5headers{
width:175px;
height:20px;
background-color:#A66300;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
-->
</style>
</head>
<body>
<div id="header">
<div id="logo"><img src="../../../Users/karate_kid007/Pictures/thelogo.png" width="340" height="125" alt="Kernow Connect" /></div>
<div id="toplinks"><img src="../../../Users/karate_kid007/Pictures/home2.png" alt="Home" width="114" height="57" /><img src="../../../Users/karate_kid007/Pictures/about.png" alt="About Us" width="114" height="57" /><img src="../../../Users/karate_kid007/Pictures/contact2.png" alt="Contact Us" width="114" height="57" /></div>
</div>
<div id="wrapper">
<div id="navlinkcont">
<div id="entlink"><a href="http://www.kernow-connect.com/entertainment.php"><img src="../../../Users/karate_kid007/Pictures/entertainmentlink.png" alt="Entertainment" width="122" height="34" border="0" /></a></div>
<div id="complink"><a href="connect.com/computing.php"><img src="../../../Users/karate_kid007/Pictures/computinglink.png" alt="Computing" width="96" height="34" border="0" /></a></div>
<div id="tvllink"><a href="connect.com/travel.php"><img src="../../../Users/karate_kid007/Pictures/travellink.png" alt="Travel and Insurance" width="170" height="34" border="0" /></a></div>
<div id="clolink"><a href="connect.com/clothing.php"><img src="../../../Users/karate_kid007/Pictures/clothinglink.png" alt="Clothing" width="79" height="34" border="0" /></a></div>
<div id="misclink"><a href="connect.com/misc.php"><img src="../../../Users/karate_kid007/Pictures/misclink.png" alt="Misc" width="54" height="34" border="0" /></a></div>
<div id="speciallink"><img src="../../../Users/karate_kid007/Pictures/speciallink.png" alt="Special Occasions" width="148" height="34" /></div>
</div>
<p> </p>
<div id="indextext">
<p> </p>
<p>Welcome to Kernow Connect, a website dedicated to helping you find the best deals on the web. We have the top ten offers from over 50 of the biggest online stores so you are sure to find the cheapest items around. But thats not it, we also list the top 10 selling items, the top 10 newest releases, and any discount codes that the stores may currently be offering helping you save money. Wait there's even more, do you want to find that special gift for a special occasion? Well check out our special occasion page where you can find the best items for every kind of ocassion, check it out!</p>
<p>You also have the ability to rate each of the 50+ stores depending on how well your transaction was handled, there are four areas which you can rate the store and it is then given an overall rating, the top three rated stores in each category will get greater exposure than the others, therefor you can rest asure that the store you are shopping at is reliable and highly rated by your fellow users.</p>
<p> </p>
<p>This Weeks Top 5 Picks</p>
<div class="top5picks"><div class="top5headers">header 1</div>1</div>
<div class="top5picks"><div class="top5headers">header 2</div>2</div>
<div class="top5picks"><div class="top5headers">header 3</div>3</div>
<div class="top5picks"><div class="top5headers">header 4</div>4</div>
<div class="top5picks"><div class="top5headers">header 5</div>5</div>
<p> </p>
<p>You
</p>
</div></div>
</body>
</html>
i know there is no php code in it yet but as its a php page i thought i'd better post it here.
any ideas?
p.s the images havent been uploaed yet so wont show :)
many thanks
Luke