R
rfq
I have a very simple site that validates fairly well (both html and
css) and I am finding on one page of the site that IE6 will not
display text where Opera7 does. What I have is a series of links on
the left, each one followed by a description. The first 6 descriptions
do not show up. They are there when you select the text but do not
show up visually. This is the only page on the site that is doing
this. I hadn't noticed it before since I have not checked it with IE6
for some time now. Someone please let me know if it is just not
happening on my end. The page is:
http://home.primus.ca/~rico.jd/linkpagefun.html
I've appended the css file contents below in case this might help spot
the problem. (Of course I'm hoping people will just reply that it
works fine on their end. )
RQ
---css file----
a {
color:#FF6600;
text-decoration:none;
}
a.current {
color:#FF6600;
}
a:hover {
color:blue;
text-decoration:underline;
}
body {
font-family: verdana, tahoma, helvetica, arial, sans-serif;
font-size: 100%;
margin: 0em;
background-color:#F8F8F8;
}
#topimage {
margin-top:0.5em
}
#navbar {
width: 10.5em;
float: right;
clear: right;
background-color:#FFFFFF;
padding: 1em 0.6em 0.6em 0.6em;
border-style:solid; border-width:1px; border-color:#DCDCDC;
margin-top:0em;
margin-left:0em;
}
#gallerynavbar a {
position:relative;
font-size: 100%;
}
#gallerynavbar{
text-align:justify;
color:#555555;
font-size: 73%;
line-height: 1.5em;
}
#footer {
background-color:#F8F8F8;
border-style:solid; border-width:1px; border-color:#DCDCDC;
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
text-align:center;
font-size:98%;
color:#EEEEEE;
}
#main {
background-color:#FFFFFF;
margin: 0em 12.5em 0.8em 0.8em;
padding: 0em 0.8em 0.8em 0.8em;
border-style:solid; border-width:1px; border-color:#DCDCDC;
}
#blog {
background-color:#FFFFFF;
margin: 0.5em 12.5em 0.8em 0.8em;
padding: 0em 0.8em 0.8em 0.8em;
border-style:solid; border-width:1px; border-color:#DCDCDC;
line-height: 0.1em;
}
#navbar a {
display:block;
position:relative;
line-height: 1.8em;
font-size: 73%;
padding-bottom:0.1em;
}
h2{
color:#336699;
font-size:93%;
font-weight:bold;
padding-bottom:0.1em;
}
p{
text-align:justify;
color:#333333;
font-size: 73%;
line-height: 1.5em;
}
div.linktitle {
border-style:solid; border-width:0px;
float:left;
width:12em;
clear:left;
font-size: 73%;
color:#474545;
padding: 0em 0em 0em 0em;
margin-bottom: 1em;
}
div.linktext{
margin-left:12em;
border-style:solid; border-width:0px;
font-size: 73%;
color:#474545;
padding: 0em 0em 0em 0em;
margin-bottom: 1.5em;
}
css) and I am finding on one page of the site that IE6 will not
display text where Opera7 does. What I have is a series of links on
the left, each one followed by a description. The first 6 descriptions
do not show up. They are there when you select the text but do not
show up visually. This is the only page on the site that is doing
this. I hadn't noticed it before since I have not checked it with IE6
for some time now. Someone please let me know if it is just not
happening on my end. The page is:
http://home.primus.ca/~rico.jd/linkpagefun.html
I've appended the css file contents below in case this might help spot
the problem. (Of course I'm hoping people will just reply that it
works fine on their end. )
RQ
---css file----
a {
color:#FF6600;
text-decoration:none;
}
a.current {
color:#FF6600;
}
a:hover {
color:blue;
text-decoration:underline;
}
body {
font-family: verdana, tahoma, helvetica, arial, sans-serif;
font-size: 100%;
margin: 0em;
background-color:#F8F8F8;
}
#topimage {
margin-top:0.5em
}
#navbar {
width: 10.5em;
float: right;
clear: right;
background-color:#FFFFFF;
padding: 1em 0.6em 0.6em 0.6em;
border-style:solid; border-width:1px; border-color:#DCDCDC;
margin-top:0em;
margin-left:0em;
}
#gallerynavbar a {
position:relative;
font-size: 100%;
}
#gallerynavbar{
text-align:justify;
color:#555555;
font-size: 73%;
line-height: 1.5em;
}
#footer {
background-color:#F8F8F8;
border-style:solid; border-width:1px; border-color:#DCDCDC;
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
text-align:center;
font-size:98%;
color:#EEEEEE;
}
#main {
background-color:#FFFFFF;
margin: 0em 12.5em 0.8em 0.8em;
padding: 0em 0.8em 0.8em 0.8em;
border-style:solid; border-width:1px; border-color:#DCDCDC;
}
#blog {
background-color:#FFFFFF;
margin: 0.5em 12.5em 0.8em 0.8em;
padding: 0em 0.8em 0.8em 0.8em;
border-style:solid; border-width:1px; border-color:#DCDCDC;
line-height: 0.1em;
}
#navbar a {
display:block;
position:relative;
line-height: 1.8em;
font-size: 73%;
padding-bottom:0.1em;
}
h2{
color:#336699;
font-size:93%;
font-weight:bold;
padding-bottom:0.1em;
}
p{
text-align:justify;
color:#333333;
font-size: 73%;
line-height: 1.5em;
}
div.linktitle {
border-style:solid; border-width:0px;
float:left;
width:12em;
clear:left;
font-size: 73%;
color:#474545;
padding: 0em 0em 0em 0em;
margin-bottom: 1em;
}
div.linktext{
margin-left:12em;
border-style:solid; border-width:0px;
font-size: 73%;
color:#474545;
padding: 0em 0em 0em 0em;
margin-bottom: 1.5em;
}