Hi All, There seems to be some problem with the layout of my blog http://reviewofweb.com . The first post on the home page contains an ordered list. These points are coming up properly on firefox but are not shown on IE. Did some trial and error but all in vain . Can someone please help?
Remove this: ol {margin: 0px;} Code (markup): IE and Opera indent lists with a left margin on ol, ul. Firefox and Safari use padding-left to do the same. All use a value of 40px, and use the space for the list marker. cheers, gary
wow! that did it. Thanks a ton. May I know how did you find out so quickly? Just out of curiosity...Could you please explain the last part "All use a value of 40px, and use the space for the list marker." One more problem is that the font size shown on IE6 is different than that shown on Firefox. What can I do to fix this? btw +repped. Thanks again.
Since the list wasn't indented, I knew what to look for. A glance at the stylesheet verified the problem. It wasn't all that quick. There are a few years experience brought to bear. The big four browsers default to a 40px left margin or left padding. The list marker is to the left of the list item, in that space provided by the margin or padding. You can vary the amount. Zero one property and explicitly set the other. 15 or 20px is about the minimum to allow for outside marker position. I don't know. cheers, gary