Sent by Garry Heaton on 29 September 2002 17:05
If anyone has a Mac running IE4.5 I would be grateful for some feedback.
I've developed a site for a client which works fine in everything excpet
IE4.5/Mac. I don't have a Mac but the client does, and he's running
IE4.5 :-( Yes, I've persuaded him to upgrade to 5.1 but I really need to
iron-out the problem, without resorting to browser upgrades if possible.
The following page, and a few others like it,:
http://www.heaton6.freeserve.co.uk/flare/britents.html
... has lost all spacing between paragraphs and the last link in the
left navigation bar, "Contact", has not positioned properly. The client
provided the following screenshot which shows the problem:
http://www.heaton6.freeserve.co.uk/flare/os9_2.gif
The paragraph formatting problem occurs throughout the site but the link
problem only selectively.
The 3 linked style sheets are:
commmon.css
-----------
body {background-color:#ffffff; margin:0px; font-family:arial,sans-serif;}
#flare_pub {position:absolute; left:126px;}
#logo {position:absolute; left:5px;}
.nav {text-decoration:none; font-family:verdana,arial,sans-serif;
font-weight:bold; font-size:10pt;}
.nav:hover {text-decoration:underline; color:red;}
#link1, #link2, #link3, #link4, #link5{position:absolute; left:5px;
z-index:2;}
.bullet {margin-right:5px;}
#content {position:absolute; left:126px; width:494px; margin:0px;
padding:0px;}
.book {position:relative; width:494px; padding:0px; z-index:1;}
.author {font-style:italic; font-family:"times new roman",serif;}
.title {margin:0px;}
.details {font-size:10pt;}
h3, h4 {margin-bottom:0px;}
#top_header {margin-top:0px;}
n4.css
------
.nav {margin-left:20px;}
.book_para {margin:0px 0px 0px 7px;}
.book {margin:0px;}
#hide {font-family:"times new roman",serif; color:red; font-style:italic;}
#flare_pub {top:35px;}
#logo {top:35px;}
#link1 {top:120px;}
#link2 {top:150px;}
#link3 {top:180px;}
#link4 {top:210px;}
#link5 {top:240px;}
#content {top:120px;}
main.css (mainly over-rides of n4.css)
--------
.nav {margin-left:0px;}
.book_para {margin:0px 0px 0px 85px;}
.book {margin:0px 0px 10px 0px;}
#hide {display:none;}
.nav {margin-left:0px;}
.book_para {margin:0px 0px 0px 85px;}
.book {margin:0px 0px 10px 0px;}
#hide {display:none;}
#flare_pub {top:5px;}
#logo {top:5px;}
#link1 {top:90px;}
#link2 {top:120px;}
#link3 {top:150px;}
#link4 {top:180px;}
#link5 {top:210px;}
#content {top:90px;}
#flare_pub {top:5px;}
#logo {top:5px;}
#link1 {top:90px;}
#link2 {top:120px;}
#link3 {top:150px;}
#link4 {top:180px;}
#link5 {top:210px;}
#content {top:90px;}
