Hi.. Im a newcomer and would greatly appreciate help on this problem…..there seems to be a strange top and bottom gap on Opera in my main text area, you wont be able to see the edge of the picture where it starts but if you look at the colour that appears in the gap..which is ..#aac48e ….why is this here….is not there in FF, IE, NEtscape! HEres the code….copy and paste….please help………..!!
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“
<html>
<head>
<title>Variety Landscapes Garden Design – contact us</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<link rel=”stylesheet” type=”text/css” href=”vl.css” />
</head>
<body>
<div id=”maincontainer”>
<div id=”logo”>
</div>
<div id=”top”>
<ul id=”navlist”>
<li><a href=”C:Documents and SettingsBusterMy Documentsnewsitehome.html”>home</a></li>
<li><a href=”C:Documents and SettingsBusterMy Documentsnewsiteaboutus.html”>about us</a></li>
<li><a href=”C:Documents and SettingsBusterMy Documentsnewsiteourservices.html”>our services</a></li>
<li><a href=”C:Documents and SettingsBusterMy Documentsnewsiteportfolio.html”>portfolio</a></li>
<li><a href=”C:Documents and SettingsBusterMy Documentsnewsitecontactus.html”>contact us</a></li>
</ul>
</div>
<div id=”contain”>
<div id=”content”>
<div id=”inner”>
<table width=”250″ cellpadding=”2″ border=”0″ class=”details”>
<tr><td colspan=”2″ align=”left” class=”caption”>Please contact us by telephone,
email or fill out the enquiry form. We look forward to hearing from you.</td></tr>
<tr><td> </td></tr>
<tr><td align=”left” class=”info”>07931 572718</td></tr>
<tr><td> </td></tr>
<tr><td align=”left” class=”info”><a href=”mailto:
</table>
<form action=”” method=”post”>
<table width=”100%” cellpadding=”2″ cellspacing=”0″ class=”contact”>
<tr><td class=”subject”>your full name: </td>
<td><input type=”text” name=”name” class=”formbox” size=”28″ /></td></tr>
<tr><td class=”subject”>address: </td>
<td><textarea name=”address” cols=”27″ rows=”2″ class=”formbox”></textarea></td></tr>
<tr><td class=”subject”>postcode: </td>
<td><input type=”text” name=”postcode” size=”12″ class=”formbox” /></td></tr>
<tr><td class=”subject”>tel: </td>
<td><input type=”text” name=”telephone” size=”28″ class=”formbox” /></td></tr>
<tr><td class=”subject”>email: </td>
<td><input type=”text” name=”email” class=”formbox” /></td></tr>
<tr><td class=”subject”>enquiry: </td>
<td><textarea name=”enquiry” cols=”27″ rows=”4″ class=”formbox”></textarea></td></tr>
<tr><td class=”subject”> </td>
<td><input type=”submit” value=”send enquiry” name=”send” class=”formbox” style=”CURSOR: hand” /> <input type=”reset” value=”reset” class=”reset” style=”CURSOR: hand” /></td></tr>
</table>
</form>
</div>
</div>
<div id=”footer”>
<p><span class=”leftfoot”>© 2006 <strong>variety landscapes</strong> <strong>webdesign by
<a href=”www.positivimpact.co.uk”>positivimpact</a></strong></span> <span class=”tel”><strong>tel: 07931 572718
<a href=”mailto:[email][email protected]
</p>
</div>
</div>
</div>
</body>
</html>
body {
width:100%; height:100%; margin:0; padding:0;
font-size:12pt; text-align:center; font-family:”arial”, “helvetica”, sans-serif;
background:#8b7d6b;
color: #3c4d28}
#maincontainer { width: 800px; margin: 50px 0 0 0; background: #aac48e; float: left; padding: 0; border: 1px solid white;}
div#contain{
width:800px; margin:0; padding:0;}
#logo {
width: 800px; height: 80px; background: white url(vllogo.jpg) no-repeat; margin:0; padding: 0; }
#top{
width: 800px; background-color:#336633; margin:0;}
#navlist { width: 800px; margin: 0; padding: 0; }
#navlist li {list-style: none; float: left; width: 20%; line-height: 25px; font-weight: normal;
white-space: nowrap; font-family: “Comic Sans MS”, Arial, Helvetica; background-color: #336633;}
#navlist a, #navlist a:link, #navlist a:visited {color: white; background-color:#336633; text-decoration: none; width: 99%; border: 1px solid; border-color: white #336633 white #336633;
display: block; padding: 0 0 2px 0; float: none; }
#navlist a:focus, #navlist a:hover, #navlist a:active {color: #336633; background-color: white; border-color: white #336633 white #336633; text-decoration: none;
width: 99%; border: 1px solid; display: block; padding: 0 0 2px 0; float: none; }
#list {width:60%; padding: 0 0 0 25px; margin: 6px 0 25px 0; }
#list li{ font-size: 75%; text-align: left; font-weight: bold; line-height: 1.5em; margin:0; list-style-type: square;}
.please p { width: 90%; font-size: 72%; margin: 0 5px 0 5px; text-align: justify;}
h5 {width: 90%;margin:13px 5px 0 3px; text-align: left; padding:0;}
.title { font-weight: normal; font-style: italic;}
div#content{
width: 800px; height: 310px; margin:0; padding:0; clear:both;}
div#inner{
width:100%; height: 100%; margin:0; padding:0; background: white url(leafbg.jpg) no-repeat right; }
div#central {width: 42%; margin: 32px 35px 2px 0; padding-left: 20px; float: left; }
.details { width: 250px; float:left; margin: 60px 30px 0 30px; padding: 0;}
.details a {color: #3c4d28; text-decoration: none;}
.details a:hover {color: white;}
.info {font-weight: bold; font-size: 85%; color: #996633;}
.info a { color: #996633; text-decoration: none;}
.info a:hover {color: white;}
.caption {font-weight: bold; font-size: 78%;}
.contact {width:45%; margin: 25px 0 0 0; padding: 0; float: left;}
.subject { text-align: right; font-weight: normal; color: #3c4d28; font-size: 70%;}
.formbox {border: 1px solid #996633; float: left; background-color: white; color: #3c4d28; font-weight: normal; margin-right: 20px;}
.reset {border: 1px solid #996633; background-color: white; color: #3c4d28; font-weight: normal;}
#inner p#main{
width:90%; margin: 0 5px 0 5px;
text-align:justify; font-size:72%;}
#main span{
width: 100%; font-size: 16pt; font-weight: normal; font-family: “Comic Sans MS”, Arial, Helvetica;
color: #996633; padding: 0; display: block;
margin: 2px 0 5px 0; }
#tablearea {width: 100%; height: 100%; padding:0; margin: 0; }
.portfolio {width: 600px; margin: 28px 0 0 85px; padding:0; float: left;}
.example img { background-color: white; padding: 0 0.4em 0 0.4em;border-left: 12px double #336633; border-right: 5px double #996633; }
.key {font-size: 8pt; text-align: left; padding-left: 10px; margin: 5px; width: 100%; }
.direction {padding-left: 8px; margin:0; font-family: “comic sans ms”, “arial”; font-weight: normal; color: white; padding-top: 135px;}
.direction a {text-decoration: none; padding:0; color: white; margin:0;}
#inner p#pic{
margin:0; float: left; padding: 45px 40px 0 70px;}
#inner p#picb {
margin:0; padding: 45px 0 0 0; float: left;}
#pic img { background-color: white; padding: 0.2em; }
#picb img { background-color: white; padding: 0.2em; }
#footer{
width:800px; height: 28px; background:#336633; margin:0; clear: left; padding: 0;}
.tel {color: #aac48e; padding: 0 1em;}
.leftfoot {color: #aac48e; padding: 0 1em;}
#footer p{
margin:0; padding: 0.5em 4em; font-size:70%; text-align: center; color: white;}
#footer p a { color:white; text-decoration:none;}
#footer p a:hover{ color: #ffff66;}