...

View Full Version : It works but not in IE



Wellinburgher
12-03-2006, 04:34 PM
I use Linux and am building a site for a local society. It is fine on my 2 Linux PCs using Konqueror, FireFox, Safari & Mozilla. It is also fine on my 3 Windows PCs using Firefox & Opera. But in IE6 on any PC the text in the middle column of three does not display. What is especially odd is that if I open another window and position it over the blank column, when I close it the column displays correctly. The XHTML & the CSS validate correctly on the W3C validation service.

Here is the HTML for the template for the site pages:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>NSHS Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="Bluefish 1.0.5"/>
<meta name="author" content="Ollie Killingback"/>
<link rel="stylesheet" type="text/css" href="nshsStyle.css"/>
</head>
<body>
<div id="wrapper">
<div id="header">
<img class="logo" src="logo001.gif" width="104" height="117" alt="logo"/>
<h1>Northants Secular Humanist Society</h1>
<p><span class="emphasis">Promoting an open, rational society in Northamptonshire.</span></p>
</div>
<div id="main">
<div id="sidebarRight">
<p class="rightListTitle">Suggestions for Reading:</p>
<ul>
<li><span class="author">Karen Armstrong: </span>A History of God</li>
<li><span class="author">Julian Baggini: </span>Atheism: a very short introducion</li>
<li><span class="author">Richard Dawkins: </span>The Selfish Gene</li>
<li><span class="author">Richard Dawkins: </span>Unweaving the Rainbow</li>
<li><span class="author">Richard Dawkins: </span>The God Delusion</li>
<li><span class="author">Daniel Dennett: </span>Breaking The Spell</li>
<li><span class="author">Anthony Grayling: </span>What Is Good?</li>
<li><span class="author">Sam Harris: </span>The End of Faith</li>
<li><span class="author">Sam Harris: </span>Letter to a Christian Nation</li>
<li><span class="author">Niall Shanks: </span>God, the Devil &amp; Darwin</li>
</ul>
<p class="rightListTitle"> Officers: </p>
<ul>
<li><span class="author">Chairman: </span>Ollie Killingback</li>
<li><span class="author">Secretary: </span>Maggie Atkins</li>
<li><span class="author">Treasurer: </span>Peter Atkins</li>
</ul>
<p class="rightListTitle"> Subscriptions: </p>
<ul>
<li><span class="author">Annual Membership: </span>12</li>
<li><span class="author">Concessions: </span>8</li>
<li><span class="author">Donations welcome</span></li>
</ul>
</div>
<div id="sidebarLeft">
<p class="leftListTitle">Links</p>
<a href="index.html">NSHS Home</a><br />
<a href="http://www.secularism.org.uk/" >National Secular Society</a><br />
<a href="http://www.humanism.org.uk" >British Humanist Association</a><br />
<a href="http://www.secularderby.org/" >Derby Secularists </a><br />
<a href="http://www.leicestersecularsociety.org.uk/" >Leicester Secular Society</a><br />
<a href="http://secsoc.blogspot.com/" >Leicester Secular Society Blog</a><br />
<a href="http://the-brights.net/" >Bright's Network</a><br />
<a href="http://www.cambridgehumanists.org.uk/" >Cambridge Humanists</a><br />
<a href="http://www.birminghamhumanists.org.uk/" >Birmingham Humanists</a><br />
<a href="http://www.truthinscience.org.uk/site/content/category/18/52/65/" >Truth in Science</a><br />
<a href="http://www.edkrebs.com/herb/" >H.E.R.B. Cartoon Archive</a><br />
<p class="leftListTitle">Short Essays</p>
<a href="whyAtheist.html">Why I am an Atheist</a><br />
<a href="religionOpenSoc.html">Religion in an Open Society</a><br />
<a href="issues.html">How do we decide?</a><br />
<br /><br />
<img src="valid-xhtml10.png" alt="validXHTML" width="88" height="31" />
<img src="vcss.png" alt="validCSS" width="88" height="31" />
</div>
<div id="centreColumn">
<h1 class="headline">Sed fermentum.</h1>
<h2 class="subHeadline"> Aenean varius pharetra sapien.</h2>
<p>Donec lorem. Sed tincidunt eros eu eros blandit cursus. Nam pulvinar sapien vel augue. Vivamus nec mauris a nisi tempus ullamcorper. Fusce turpis. Morbi fermentum quam feugiat dolor. Phasellus vestibulum risus vitae dui. Integer at leo eu nulla viverra pharetra. Aenean venenatis, elit id ornare tristique, tortor tellus pellentesque purus, quis porta arcu metus vitae lacus. Nullam suscipit, dolor posuere ornare volutpat, tellus lectus ultricies nisl, sed aliquet justo lorem quis quam. Nunc porta turpis a eros. Curabitur id neque id dui congue egestas. Donec feugiat velit vitae nulla. Proin molestie, turpis sed mattis eleifend, lorem dolor hendrerit nulla, eget ornare justo neque sed dolor. Nulla libero risus, vulputate sed, tempus sit amet, dapibus et, elit. Fusce tincidunt iaculis erat. Nunc lacus elit, imperdiet ac, semper ut, vulputate quis, eros. Ut magna ligula, eleifend vitae, ultrices id, euismod sed, velit.</p>
</div>
</div>
<div id="footer">
<p> Northants Secular Humanist Society December 2006</p>
</div>
</div>
</body>
</html>
... and here is the CSS...
/* NSHS Stylesheet, 3 cols + header & footer, black on off-white, grey margin */
body {
margin: 0;
padding: 0;
font-size: small;
font-family: verdana, helvetica, sans-serif;
background-color: #adadad;
color: black;
}
#wrapper{
margin: 20px;
padding: 10px 40px 40px 40px;
background-color: #fdf8f2;
color: black;
}
#header {
margin: 0;
padding: 0;
border-bottom: 1px solid black;
background-color: #fdf8f2;
color: black;
height: 130px;
font-family: verdana, helvetica, sans-serif;
}
#main {
margin-top: 10px;
}
#sidebarRight {
float: right;
width: 220px;
border-left: 1px solid black;
background-color: #fdf8f2;
color: black;
font-size: 75%;
font-family: verdana, helvetica, sans-serif;
}
#sidebarRight li{
list-style: none;
margin-left: 0;
padding-left: 0;
}
#sidebarLeft {
float: left;
width: 159px;
border-right: 1px solid black;
background-color: #fdf8f2;
color: black;
font-size: 75%;
font-family: verdana, helvetica, sans-serif;
}
#centreColumn {
visible:true;
padding-left: 10px;
background-color: #fdf8f2;
color: black;
margin: 0 240px 0 160px;
font-family: verdana, helvetica, sans-serif;
}
#footer {
clear: both;
border-top: 1px solid black;
background-color: #fdf8f2;
color: black;
font-family: verdana, helvetica, sans-serif;
}
ol{
list-style-type: lower-alpha;
}
.logo{
float: right;
}
.emphasis{
font-weight: bold;
}
.leftListTitle{
text-align: left;
font-weight: bold;
}
.rightListTitle{
text-align: right;
font-weight: bold;
}
.author{
font-weight: bold;
}
.headline{
font-size: 150%;
}
.subHeadline{
font-size: 120%;
}

I appreciate that I am probably doing something stupid. If anyone can kindly point my fault out to be I shall be very grateful.

Wizard (Broken Wand)

Excavator
12-03-2006, 07:28 PM
Hello Wellinburgher,
I don't have anything thats runing IE6 anymore...
All I could see that was strange in your code was
#centreColumn {
visible:true;


I don't know what that is. There is a visibility attribute but the only values I could find are visible, hidden or collapse.

_Aerospace_Eng_
12-03-2006, 08:48 PM
It shows up fine for me in IE6 but then again I don't have all of your images which most of the time cause IE be buggy when displaying text. Try this for your
#centreColumn div

#centreColumn {
padding-left: 10px;
background-color: #fdf8f2;
color: black;
margin: 0 240px 0 160px;
font-family: verdana, helvetica, sans-serif;
position:relative;
}

Wellinburgher
12-04-2006, 02:58 PM
Thanks for the comments so far. There was a faulty line in the CSS which I have removed, but the problem remains.

The page is up for test at www.techieinblack.info/webtest/template.html - so far I have tested it in Opera, Safari, Firefox, Konqueror, Mozilla running under WIndows and Linux and there is no problem. I've not tested it with earlier versions of IE, but in the one copy of IE7 I have access to it's fine.

The page has a header, footer and 3 columns. With the central column only there is a problem. The problem is that the central column sometimes appears blank. If you open another window in front of it, then close that window, however much of the central column was obscured by the window appears correctly. The CSS and the HTML validate correctly.

I have tested it on two of my employer's laptops: that used by myself and a colleague who we assume have identical business builds. On mine it exhibits the fault, on his it is perfect. On my home desktop, which is WinXP out of the box with automatic updates, the fault appears. On my wife's laptop, with WIndows preinstalled by the manufacturer, it's fine. Other friends report it working correctly.

I am utterly flumoxed. Any help would be very much appreciated. The test page can be viewed at www.techieinblack.info/webtest/template.html - many thanks in advance for assistance.

Wellinburgher

_Aerospace_Eng_
12-04-2006, 05:01 PM
Yeah you definately didn't follow the advice I gave you. Reread what I posted carefully.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum