Displaying the site in different browsers

Question

css

Please tell me why, in principle, the same site is displayed differently in different browsers?
Do they read css or js differently ?

Answer 1

I love typesetting until I look at the result in IE. Sometimes it is appropriate to write part of the styles separately for IE, for this you can use the [if IE] construction. More details at www.alexilin.ru/ie-conditional-comments/ .

Answer 2

Here you should find the answer to your question:
webarticles.neomoon.ru/content/view/22/41/
and Google to the rescue! :)

Answer 3

Everyone perceives css differently.
In some browsers, the default is indentation, somewhere more, somewhere less. Such crap can be for headlines, for example.
The browser may not support some features, for example, IE6 does not support margin: auto for blocks, or transparency.
And some browsers (s) do not always inherit the values ​​of the parent element, and this all needs to be written separately. Shamanize and apply css hacks to do it in this browser the way you need it.
I have a problem only with ie. Everything is ok everywhere, it crawls in it.
When everything is ok, I'm surprised.
js has nothing to do with

Answer 4

They support these technologies in different volumes.
You can see browser comparisons here and here . You will see an approximate picture of the support of certain technologies by various browsers.

Answer 5

JS can also work differently than in the rest. Firstly, not all methods and properties are supported by every browser, and secondly, in controversial moments they behave differently. For example, the unfortunate layout designer made a div id="the_form" and stuffed form id="the_form" into it. So the form can be accessed via $('form#the_form') in chrome, but not in IE.

Answer 6

When he studied, he keeps good signs with information about the support of a particular design, the site htmlbook.ru/css/display - an example is immediately on the page.

Answer 7

Such things are also very useful - you insert these css-styles at the very beginning - there is a "zero" of any indents, etc. for most elements.

Answer 8

1. The most common problem is bad code.
violation of standards, lack of necessary parameters and other bugs are perceived by the browser normally, but the result does not always meet expectations. And when such a buggy code is brought to the desired look in one browser, in others, of course, everything is different.
good code is usually the same or almost the same in all browsers.
IE is a good indicator - it forgives almost none of the mistakes and distorts the crooked layout.
2. minor inconsistencies - indentation, sometimes missing or different behavior for values.
solved by a good reset.css, but still delivers in case of difficult layout
3. stupid bugs.
IE, with its margin, bold/background, and non-inheritance of dimensions, is in the lead here, but the rest deliver constantly.
solved with hacks.