Problem with browsers

incompatibility with browsers - CSS's for each browser doesn`t work

[curcif]

Good afternoon.
I`m a begginer on developing on web, and i belive like the most begginers with less experience, i`m in trouble with layouts in different browsers, especially, IE and its versions.
On Firefox, everything is fine
On Chrome, there are few broken lines, which is not the objective.
On Internet Explorer, everything is untidy. My layout and texts are a mess.
I made a CSS for webkit and another one for IE, but, the CSS for IE looks like not working.
Ps.: i`m loading another CSS for IE through "<!--[if ie lt 9]> <![endif]-->"
But not even in my pc i can make changes and see if it works.

Thanks.

[drhowarddrfine]

Having problems with IE is normal and expected. Never, ever trust IE to do anything right.

Without the complete markup as an example, anything we say is just a wild guess.

[rainborick]

The first question I always have when someone posts a question like yours is, Are you using a complete <!DOCTYPE> statement on your page? Unless you use a proper <!DOCTYPE>, browsers render pages in what's called Quirks Mode [en.wikipedia.org] where they all have their own differences. If you use a proper <!DOCTYPE>, all browsers render pages in "Standards Compliance Mode" in which they're all at least *trying* to render pages according to the W3C Standards. See the link above for details.

Beyond that, there are differences among the browsers as to which of the latest CSS methods that they support, but those are largely confined to enhanced visual effects. Layout issues are most commonly due to the <!DOCTYPE> issue. Good luck!

[phranque]

welcome to WebmasterWorld, curcif!


have you tried a markup validator?
http://validator.w3.org/unicorn/ [validator.w3.org]

[lucy24]

How are you testing?

#1 editor's built-in html preview
#2 opening .html files locally in various browsers
#3 pseudo-server such as WAMP
#4 in un-indexed directory of live server

The further removed you are from a real server, the more things won't work. So you need to know if things don't work because they can't work, or don't work because there is something wrong with them.

Just because you can do something in html doesn't mean you should do it. Know your audience. Nobody is going to rush out and get a new browser-- and the new OS to go with it-- just to be able to view one site as its designer intended.