Re: [WSG] IE vs MF ~ Image padding, bullets numbers missing

[David Laakso]

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
**

[WSG] IE vs MF ~ Image padding, bullets numbers missing

[White Ash]

Hello,

I cannot seem to reconcile the following problems.

(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.
(2) Similarly there is an extra slight gap between the logo above the navbar
and the actual navbar that doesn't exist if Firefox.
(3) The bullets and numbers in the lists show up just fine in Firefox.  In
IE, they are not to be seen.

Help anyone?

http://www.neln.org/dev/template.shtml

http://www.neln.org/dev/css/styles.css

Thanks as always,

White Ash

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] IE vs MF ~ Image padding, bullets numbers missing

[Bert Doorn]

G'day


(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.


I suggest you make an attempt at standards compliant before 
(x)html before asking for help on this list. There were 65 
validation errors when I looked at the page.


However... Removing the whitespace between the div and the link 
probably will probably fix issue #1.  And as it's a list of 
sponsors so rather than using a div, I'd actually use a ul or ol 
(and keep all the content of each li on one line in the source).



(2) Similarly there is an extra slight gap between the logo above the navbar
and the actual navbar that doesn't exist if Firefox.


Could be the whitespace issue again, or margin/padding on one of 
the elements in that part of the layout.



(3) The bullets and numbers in the lists show up just fine in Firefox.  In
IE, they are not to be seen.


I'd say the use of list-style-image may be an issue, though I 
can't be sure.  May be better to use a background-image on the li 
instead and give them padding.



http://www.neln.org/dev/template.shtml
http://www.neln.org/dev/css/styles.css


But I still recommend fixing the 65 validation errors...

Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites

**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**