White Ash wrote:
Hello,
I cannot seem to reconcile the following problems.
White, you've got numerous errors on the html file that you'll want to
correct before you do anything else. Tidy Online will correct most of
them for you: <http://infohound.net/tidy/>
(1) The sponsor placeholder images on the right have 2px bottom gap (which I
have specified) in Firefox. In IE, there is more than 2px.
Seems inconsequential to me. Of greater concern is that you're using
absolute font-sizing and the text can't be zoomed in IE. Now that's a
problem.
(2) Similarly there is an extra slight gap between the logo above the navbar
and the actual navbar that doesn't exist if Firefox.
As above.
(3) The bullets and numbers in the lists show up just fine in Firefox. In
IE, they are not to be seen.
To bring up the list gif's and numbers in IE & Opera you need a wider
margin. Add this to the bottom of your style sheet:
For IE:
* html #content ul {
margin: .5em 10px .5em 30px;
}
* html #content li {
margin-left: 20px;
}
For Opera:
@media screen and (min-width: 0px){
#content ul {
margin: .5em 10px .5em 30px!important;
}
#content li {
margin-left: 20px!important;
}
}/*don't delete this brace*/
Help anyone?
http://www.neln.org/dev/template.shtml
http://www.neln.org/dev/css/styles.css
Thanks as always,
White Ash
Regards,
David Laakso
--
David Laakso
http://www.dlaakso.com/
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
