No replies
nicallen
Offline
newbie
sussex uk
Last seen: 10 years 37 weeks ago
sussex uk
Joined: 2012-03-14
Posts: 2
Points: 4

Hello All

I would like to remedy the margin that appears in the header of the design below, when viewed in IE7. I don't mind if the header needs to loose its 'fixed attribute'

www.nicallen.com/c

Best wishes. Nick

<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="author" content="Jeff Amos" />
<meta name="keywords" content="Personal dental care by Jeff Amos" />
<meta name="description" content="Brighton's longest established and most exclusive cosmetic dentist" />
<meta name="robots" content="all" />
<title>The Clinic - Dental and Facial Aesthetics</title>
 
<script type="text/javascript">
</script>
<link rel="Shortcut Icon" type="image/x-icon" href="images/favicon.png" />
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js">
</script>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js">
 
</script>
</head>
<body>
<div class="container">
<div class="head"><a id="top" name="top"></a>
<h4><img src="images/personal_dental_care_by_jeff_amos.png" alt="Personal dental care By Jeff Amos" width="373" height="28" border="0" /></h4>
<h4>Telephone: 01273 677 333 Email: <a href="mailto:[email protected]">info@jeffamos.co.uk</a></h4>
</div>
<div class="content">
				<img class="mainimage" src="images/clinic_montage.gif" alt="" width="533 " height="380" border="0" />
				<h2>The practice</h2>
				<p></p>
 
				<h5>Are you looking for a contemporary dental practice offering all the techniques necessary for you to keep your teeth for life?
Are you seeking a cosmetic dentist with an award-winning laboratory?
Would you appreciate personal attention from a sensitive, friendly team?</h5>
				<span class="quote">'My confidence has improved and I havn't looked back. New job, New boyfriend, The future's so bright, I got to wear shades.'</span>
				<p>Jeff Amos at The Clinic offers a balance between his patients' needs and desires. Combining skill with aesthetic flair, Jeff offers a complete range of modern procedures at his state-of-the-art surgery, from simple removal of mercury fillings to full mouth cosmetic reconstruction with implants.
Sedation - intravenous or gas-and-air - is available for all treatments if desired.</p>
<p>If you have any gaps in your mouth that you do not like, please let us know your concerns at your Consultation visit.</p>
</div>
<div class="accesskeys">
<h1>A boutique dental practice...</h1>
<h3><a href="index.html">The practice</a></h3>
 
<h1>Dental treatments</h1>
<h3><a href="dental_treatments_veneers.html">Veneers</a></h3>
<h3><a href="dental_treatments_tcf.html">Tooth-coloured fillings</a></h3>
<h3><a href="dental_treatments_implants.html">Implants</a></h3>
<h3><a href="index.html">Bridgework</a></h3>
<h3><a href="dental_treatments_crowns.html">Crowns</a></h3>
<h3><a href="dental_treatments_whitening.html">Teeth whitening</a></h3>
<h3><a href="dental_treatments_sedation.html">Sedation</a></h3>
<h1>Case Studies</h1>
 
<h3>Coming soon</h3>
<h1>Facial rejuvenation</h1>
<h3><a href="facial_rejuvenation.html">Muscle neutralising</a></h3>
<h3><a href="facial_rejuvenation.html">Facial fillers</a></h3>
<h1>Fees</h1>
<h3><a href="fees.html">How much will it cost?</a></h3>
<h1>Visiting us</h1>
<h3><a href="contactform.html">Opening times Address &amp; Contact Form</a></h3>
 
<h3><a href="http://maps.google.co.uk/maps?q=BN1+4AF&amp;hl=en&amp;sll=50.996005,0.189062&amp;sspn=0.026091,0.060983&amp;hnear=BN1+4AF,+United+Kingdom&amp;t=m&amp;z=17">Map</a></h3>
</div>
<div class="footer"><span class="boxone">My confidence has improved and I havn't looked back. New job, New boyfriend, The future's so bright, I got to wear shades.</span> <span class="boxone">My confidence has improved and I havn't looked back. New job, New boyfriend, The future's so bright, I got to wear shades.</span> <span class="boxone">My confidence has improved and I havn't looked back. New job, New boyfriend, The future's so bright, I got to wear shades.</span>
<h2>Telephone: <a href="tel:01273677333">01273 677 333</a> Email: <a href="mailto:[email protected]">[email protected]</a></h2>
</div>
</div>
 
<script type="text/javascript">
//<![CDATA[
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-16412952-1']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
//]]>
</script>
</body>
</html>

.container { background-color: #000; position: relative; width: 900px; margin: 0 auto; padding: 0; border-top-width: 0; }
.head { background-image: url(../images/clinic_logo.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; text-align: right; position: fixed; top: 0; left: inherit; right: inherit; width: 900px; height: 146px; z-index: 1; margin-top: -5px; }
.mainimage { width: 533px; height: 380px; margin-top: 60px; }
.content { margin-right: 310px; margin-left: 48px; }
.accesskeys { position: absolute; top: 130px; left: 50%; right: 50%; width: 200px; margin-left: 200px; border-left: 1px solid #92cf1a; }
.tablerangeright { float: right; }
body { color: #fff; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #92cf1a; background-attachment: fixed; background-position: center 0; margin: 0; padding: 0; }
p { color: #dcdcdc; font-size: 1.2em; font-weight: lighter; line-height: 1.5em; text-indent: 30px; }
td { }
a:link { color: #ffef7a; text-decoration: none; }
a:visited { color: #ffef7a; text-decoration: none; }
a:hover { color: #008a5f; text-decoration: none; }
a:active { text-decoration: none; }
/*position*/
h4 { color: #dcdcdc; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-top: 4px; margin-right: 24px; }
h3 { color: #ffef7a; font-size: 1.1em; font-weight: normal; margin: 0.3em 0 0.3em 1em; }
h5 { color: #d2ed7e; font-size: 1.6em; font-weight: lighter; margin: 1em 0 0.2em; }
h2 { color: #008a5f; font-size: 2.2em; font-weight: lighter; margin: 0.6em 0; border-top: 1px solid #9c3; }
h1 { color: #008a5f; font-size: 1.3em; font-weight: lighter; margin-top: 0.6em; margin-bottom: 0.6em; margin-left: 0.6em; border-top: 1px solid #9c3; }
h2link { color: #008a5f; font-size: 1.3em; font-weight: normal; margin: 0.3em 0; }
h6 { color: #dcdcdc; font-size: 1.2em; font-weight: normal; font-style: italic; margin: 6px 0; border-bottom: 1px solid #feffff; }
.instruction { color: #c0c0c0; font-size: 0.8em; font-style: italic; }
.footer { font-size: 80%; background-color: #333; text-align: center; position: relative; width: 100%; height: auto; margin: 0 auto; }.quote { color: #92cf1a; font-size: 1.2em; font-family: "Courier New", Courier, Monaco, monospace; line-height: 1.4em; background-color: #000; position: relative; width: 250px; height: 140px; float: left; margin: 12px; padding: 12px; }
.boxone { color: #d2ed7e; font-size: 1.2em; font-family: "Courier New", Courier, Monaco, monospace; line-height: 1.4em; text-align: left; position: relative; width: 27%; height: auto; float: left; margin: 0; padding: 24px; }