|
ie display issues.....aaaargh!
I have been designing my website now for so long its unbelieveable and have had a million problems with browser issues (im a bit of an advanced newbie) i thought that i had fixed them until now...
looking at browsershots.org it seems that with all version of internet explorer before v.7 there are display issues, the site works absolutely fine with netscape firefox etc so it must just be an ie bug but for the life of me i cant work out what it is. in some versions of ie its just the navigation that seems to be a problem but in ie 5.5 nothing displays except homepage twice on different rows.
the site address is http://www.lighterdawn.co.uk and the html for the index page is below with css below that
just a reminder i am a bit of a newbie so dont laugh if im coding wrong lol
- HTML: Select all
<!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"><!-- InstanceBegin template="/Templates/templateldawnFSF.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Lighter Dawn: Introduction to Hypnotherapy</title>
<!-- InstanceEndEditable -->
<link href="/css/stylesheet.css" rel="stylesheet" type="text/css" />
<link href="/css/flyout[1].css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="/css/flyout_ie.css" />
<![endif]-->
<!-- InstanceBeginEditable name="head" -->
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="keywords" content="hypnotherapy, hypnosis, hypnotherapist, qualified, professional, information, resources, help, health, life, GHSC, general hypnosis, smoking, stop smoking, wright, weight loss, phobias, confidence, fears, relaxation " />
<meta name="description" content="An in depth introduction to hypnotherapy and qualified practitioner Jacqueline Bell DHypPsych(UK) GQHP" />
<meta http-equiv="imagetoolbar" content="no" />
<!-- InstanceEndEditable -->
</head>
<body>
<div id="container">
<div id="header"></div>
<div class="menu1">
<ul>
<li><a href="http://www.lighterdawn.co.uk/index.html">Homepage</a>
<!--[if lte IE 6]>
<a href="http://www.lighterdawn.co.uk/index.html">Homepage
<table><tr><td>
<![endif]-->
</li><li><a class="hide" href="http://www.lighterdawn.co.uk/areas_of_treatment.html">Treatments</a>
<!--[if lte IE 6]>
<a href="http://www.lighterdawn.co.uk/areas_of_treatment.html">Treatments
<table><tr><td>
<![endif]-->
</li>
<li><a class="hide" href="http://www.lighterdawn.co.uk/how_can_hypnotherapy_help_me.html">Hypnosis >></a>
<!--[if lte IE 6]>
<a href="http://www.lighterdawn.co.uk/how_can_hypnotherapy_help_me.html">Hypnosis >>
<table><tr><td>
<![endif]-->
<ul>
<li><a href="http://www.lighterdawn.co.uk/how_can_hypnotherapy_help_me.html" title="how can hypnotherapy help you">How can it help?</a></li>
<li><a href="http://www.lighterdawn.co.uk/history_of_hypnosis.html" title="the history of hypnosis">History</a></li>
<li><a href="http://www.lighterdawn.co.uk/definition_of_brief_solution_focused_hypnotherapy.html" title="definition of brief solution focused hypnotherapy">Definition</a></li>
<li><a href="http://www.lighterdawn.co.uk/code_of_ethics.html" title="code of ethics">Code of Ethics</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li><li><a class="hide" href="http://www.lighterdawn.co.uk/members_home.php">Members Area</a>
<!--[if lte IE 6]>
<a href="http://www.lighterdawn.co.uk/members_area.php">Members Area
<table><tr><td>
<![endif]-->
</li><li><a class="hide" href="http://www.lighterdawn.co.uk/members_home.php">Free Resources</a>
<!--[if lte IE 6]>
<a href="http://www.lighterdawn.co.uk/members_home.php">Free Resources
<table><tr><td>
<![endif]-->
</li><li><a class="hide" href="http://www.lighterdawn.co.uk/members_testimonials.php">Testimonials</a>
<!--[if lte IE 6]>
<a href="http://www.lighterdawn.co.uk/members_testimonials.php">Testimonials
<table><tr><td>
<![endif]-->
</li><li><a class="hide" href="http://www.lighterdawn.co.uk/contact_us.php">Contact Us >></a>
<!--[if lte IE 6]>
<a href="http://www.lighterdawn.co.uk/contact_us.php">Contact Us >>
<table><tr><td>
<![endif]-->
<ul>
<li><a href="http://www.lighterdawn.co.uk/contact_us.php" title="Online contact form">Contact Form</a></li>
<li><a href="http://www.lighterdawn.co.uk/members_address_details.php" title="find our address details">Address Details</a></li>
<li><a href="http://www.lighterdawn.co.uk/register.php" title="register for access to members area">Register</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>
</div>
<span id="workshop">
<br /><a href="http://www.lighterdawn.co.uk/workshops.php">Read more information and book your place at our latest workshops available now </a></span><div id="content">
<div>
<!-- InstanceBeginEditable name="content" -->
<h1>An Introduction to hypnotherapy</h1>
<p>In this 21st century, lives are led in the fast lane, people are constantly looking for faster and quicker ways of dealing with any situation, and there is no reason why the relief of painful or problematic behaviours should not meet those criteria. After all, which matters most to you, knowing where problematic behaviours stem from... or no longer having the problem at all?</p>
<p>These fast moving times, and the changes in working styles and home life that they induce are the reason why so many people are struggling to cope with anxiety, stress or depression. whilst on the self help front the mass of available literature has woken us all up to the fact that no-one has to live with problematic behaviour, the old age of not being able to teach a an old dog new tricks is seen to be obviously out-dated and we now know we can change if we are willing to re-learn new ways of doing things</p>
<p>Jacqueline Bell DHypPsych(UK) GQHP, trained with Uncommon Knowledge at The University of Brighton in Ericksonian techniques, and is a GHR registered practitioner of brief solution focused hypnotherapy and psychotherapy, and recognised by the General Hypnotherapy Standards Council (GHSC).</p>
<p>For the uninitiated, the GHSC acts as a link between the hypnotherapy industry and the Department of Health, a body who has actively encouraged the Council to continue its work towards promoting the status of voluntary self-regulation for the hypnotherapy profession, a step she supports wholeheartedly.</p>
<p><img src="/images/serene.jpg" alt="serene" name="serene" class="serene" /> "I believe that it’s time an industry that can assist in making such profound change to individual lives should shed its shackles of superstition, myth and fable and take its rightful place as one of the most widely recognised and powerful tools of change. Self-regulation is a massive step in that direction allowing the public to feel confident of getting, a professional, competent and individual approach and the fastest possible results. "</p>
<p>If you have a problem that you are finding difficult to resolve why don't you take a quick look through the <a href="http://www.lighterdawn.co.uk/areas_of_treatment.html">list of common areas of treatment.</a> Please note this list is not exhaustive so if you have any queries please feel free to contact Lighter Dawn using the enquiry form, found on the <a href="http://www.lighterdawn.co.uk/contact_us.php">contact page.</a></p>
<p>Also if you are new to hypnotherapy, you may find it useful to view our about hypnosis page for a more detailed descriptions and a number of topic areas and register for the members area of the site where you can find more useful resources and information</p>
<!-- InstanceEndEditable -->
</div>
</div>
<div id="footer">
<p><a href="http://www.lighterdawn.co.uk/index.html"> Home</a> |
<a href="http://www.lighterdawn.co.uk/areas_of_treatment.html">Areas of Treatment</a> |
<a href="http://www.lighterdawn.co.uk/members_testimonials.php">Client Testimonials</a> |
<a href="http://www.lighterdawn.co.uk/members_home.php" >Free Resources</a> |
<a href="http://www.lighterdawn.co.uk/frequently_asked_questions.html" >FAQ's</a> |
<a href="mailto:enquiries@lighterdawn.co.uk" >Email</a><br/>
</p>
<p>Copyright © 2008 Lighter Dawn. All Rights Reserved</p>
<p align="left">Jacqueline Bell DHypPsych(UK) GQHP is a registered member of the GHR, and as such is recognised by the General Hypnotherapy Standards Council as a qualified practitioner of Hypnotherapy.</p>
</div>
</div>
</body>
<!-- InstanceEnd --></html>
navigation css
- Code: Select all
html { height: 100%; margin-bottom: 1px; }
div {margin:0px;}
p {line-height:normal;}
h1 {
font-family:"Monotype Corsiva", Times New Roman;
font-size:26px;
font-weight: normal;
}
h2 {font-family:"Monotype Corsiva", Times New Roman; font-size:14px;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:normal;}
.membertitle {font-family:"monotype corsiva", times new roman; font-size:18px; font-weight:bold;}
body {
background-color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 0;
color: #FFF;
font-size:12px;
}
a { text-decoration: underline; color:#FFFFFF; font-weight:bold}
a:hover {
color: #FFFFFF;
text-decoration:underline;
font-size: 11px;
}
#workshop a { text-decoration: none; color:#ED7131; border-bottom: 0px; }
#workshop a:hover {
border-bottom:0px;
color:#ED7131;
font-size: 12px;
}
.workshop {color:#ED7131;}
.address{
float:right;
width:500px;
display:inline;
height: 400px;
}
.addressimage{float:left;
display:inline;
width:270px;}
.serene {float:right;
padding:6px;}
.members {font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;}
#map {width:250px; float:right; font-size:9px; line-height:normal;}
/*------------------------------------------------------------*
** Container
**------------------------------------------------------------*/
#container {
margin: 0 auto;
width: 800px;
background: #000;
border: 1px solid #000000;
padding: 0 0px;
text-align: left;
}
/*------------------------------------------------------------*
** Header
**------------------------------------------------------------*/
#header {
background:#000 url(../images/header.jpg) no-repeat 100% 0;
padding:0px;
height:116px;
}
.exempt{
margin: 0px;
padding: 0px;
width: auto;
top: 132px;
position: absolute;
height: auto;
left: 50%;
float: left;
}
/*------------------------------------------------------------*
** Nav
**------------------------------------------------------------*/
#nav {
background: #000;
margin: 0;
padding: 0;
height: 2.2em;
font-size:12px;
}
/*------------------------------------------------------------*
** Content
**------------------------------------------------------------*/
#content {
float: left;
position: relative;
width: 800px;
padding: 10px 0px;
margin-left: 20px;
line-height: 30px;
text-align: justify;
}
/*------------------------------------------------------------*
** Resources
**------------------------------------------------------------*/
.memberstext {
border-color:#666666;
border-style:solid;
border-width:2px;
width:190px;
float:left;
margin-left:0px;
margin-right:4px;
margin-top:4px;
margin-bottom:0px;
padding:1px;
text-align:left;
font-size: 11px;
}
.memberslarge {
border-color:#666666;
border-style:solid;
border-width:2px;
width:150px;
height:250px;
float:left;
margin-left:6px;
margin-right:10px;
margin-top:4px;
margin-bottom:8px;
padding:2px;
text-align:center;
font-size: 10px;
}
.featured {
font-weight:bold;
text-decoration:underline;
}
.divfeatured {
border-color:#666666;
border-style:solid;
border-width:2px;
width:500px;
height:130px;
float:left;
margin-left:6px;
margin-right:10px;
margin-top:4px;
margin-bottom:8px;
padding:2px;
text-align:left;
font-size: 10px;
}
.memberscontentlarge {border-color:#666666;
border-style:solid;
border-width:2px;
float:right;
width:590px;
height:100%;
margin-left:0px;
margin-right:0px;
margin-top:4px;
margin-bottom:8px;
padding:2px;
text-align:left;}
.memberssmall {
border-color:#666666;
border-style:solid;
border-width:2px;
width:150px;
height:110px;
float:left;
margin-left:6px;
margin-right:10px;
margin-top:4px;
margin-bottom:8px;
padding:2px;
text-align:center;
font-size: 12px;
}
/*------------------------------------------------------------*
** Gallery
**------------------------------------------------------------*/
/* overall gallery table */
table.gallery{
border-collapse: collapse;
}
/* images in the gallery */
table.gallery img {
border:2px;
}
/* table cells in gallery */
table.gallery td {
border:1px black solid;
}
/* "Showing results X - Y of Z entries" entry row */
table.gallery td.entries {
text-align:right;
padding:3px;
}
/* spacer between each row of images */
table.gallery td.spacer {
background-color:#000000;
height:16px;
}
/* "Page (5): <<Prev - [1] 2 3 4 5 - Next>>" pagenumber */
table.gallery td.pagenumbers {
padding:3px;
font-weight:bold;
}
/* page number links */
table.gallery td.pagenumbers a {
text-decoration:none;
}
/* page number links:hover */
table.gallery td.pagenumbers a:hover {
color:#ED7131;
}
/*------------------------------------------------------------*
** Footer
**------------------------------------------------------------*/
#footer {
background:#000 url(../images/GHCS_Banner_-_valpract.jpg) top left no-repeat;
text-align:right;
color:#fff;
font-size: 12px;
padding: 10px;
clear: both;
width:780px;
}
#footer a { text-decoration: none; color:#fff; border-bottom: 0px; }
#footer a:hover { border-bottom:0px ; color:#fff; }
img {border:none;}
[/codebox]
if internet explorer css
[codebox]/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
table {border-collapse:collapse; border:0; margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a:hover {color:#fff; background:#000;}
.menu ul li a:hover ul {display:block; position:absolute; top:0; left:170px; width:175px;}
.menu ul li a:hover ul li a.sub {background-color:#000; background:#000; color:#fff;}
.menu ul li a:hover ul li a {display:block; background:#000; color:#fff; width:170px;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#000; color:#fff;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:170px; top:0; color:#fff;}
.menu ul li a:hover ul li a:hover ul li a {display:block; width:175px; background:#000; color:#fff;}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#000; color:#fff;}
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu1 ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu1 ul li a:hover ul li a.hide {display:none;}
.menu1 ul li a:hover {color:#fff; background:#000;}
.menu1 ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:114px;}
.menu1 ul li a:hover ul li a.sub {background:#000; color:#fff;}
.menu1 ul li a:hover ul li a {display:block; background:#000; color:#fff;}
.menu1 ul li a:hover ul li a ul {visibility:hidden;}
.menu1 ul li a:hover ul li a:hover {background:#000; color:#fff;}
.menu1 ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:114px; top:0; color:#000;}
.menu1 ul li a:hover ul li a:hover ul.left {left:-114px;}
any suggestions would be so appreciated, thanks
Last edited by Aso; May 4th, 2008 at 17:56.
Reason: Please use correct [code] tags when posting long code
|