homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

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

Msg#: 4601958 posted 8:05 pm on Aug 14, 2013 (gmt 0)

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.




WebmasterWorld Senior Member 5+ Year Member

Msg#: 4601958 posted 8:34 pm on Aug 14, 2013 (gmt 0)

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.


WebmasterWorld Senior Member 10+ Year Member

Msg#: 4601958 posted 8:43 pm on Aug 14, 2013 (gmt 0)

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!


WebmasterWorld Administrator phranque us a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

Msg#: 4601958 posted 8:45 pm on Aug 14, 2013 (gmt 0)

welcome to WebmasterWorld, curcif!

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


WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

Msg#: 4601958 posted 10:26 pm on Aug 14, 2013 (gmt 0)

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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved