Strange margin-left in Firefox

Internet Explorer and Firefox clash in margin-left

[alpcoker]

Hi. I want you to look at my web page <snip> first in Internet Explorer then Firefox. Internet Explorer is what I want. Then you see difference in list item <li> in left and right column. I don't understand where margin-left comes.

When I applied margin-left:-20px to list items , it works. So internet explorer does not work as we guessed.

There is no code related to margin-left or some number like 20px. You can look my css <snip> Should I use different CSS files for Internet Explorer and Firefox ?

[edited by: DrDoc at 5:44 pm (utc) on July 30, 2008]
[edit reason] No URIs, please. See posting guidelines. [/edit]

[D_Blackwell]

1) Welcome to WebmasterWorld. The personal links are toast (TOS dude). You probably won't get help until they are gone.

2) Design in Firefox or Opera, and then correct for IE - that will save a lot of hassle.

3) Recreate enough CSS & HTML to replicate the problem, and then you'll probably get help if you still need it. The process of stripping the code down to the problem will almost always reveal the problem. (Put some background-color: behind the key <div>s and that might show you exactly where the issue is coming from.

4) No, one correct CSS file is a lot smarter in the long run, otherwise you will endlessly be hacking in fixes to one file or another for what are avoidable problems. It may be acceptable to use conditional statements for IE if needed, but that is unlikely the case here.

[alpcoker]

ok. Personal links maybe forbidden due to advertisement. I had to show pages to get help. I thought posting personal web links will be problem in Turkey because my website is all Turkish that because I searched english forums. I could have upload two different images with domain names hidden but too late , I cant edit my first post. Moderators can delete that. Any ideas ?

[DrDoc]

Welcome to WebmasterWorld!

The CSS Troubleshooting Guide [webmasterworld.com] is a good place to start. Try narrowing down the offending lines; then post the relevant HTML and CSS (minimal to reproduce the problem). That usually gives you the best results :)

The Posting Guidelines [webmasterworld.com] provide some additional help.