The HTML designer should know: sign of professionalism is identical display and functioning of the page of the website in any browser, as a last resort in "the great three" to which the browsers Internet Explorer, Opera, Mozilla Firefox belong. The process of verification of correctness of display of the website consists of three main stages.
It is required to you
- Several browsers installed on the computer.
- Attention.
Instruction
1. Stage first, preparatory
Process of preparation consists in downloading of a distribution kit of the browser and its installation on the computer. Any process of installation comes to an end with a question: "make this browser included by default?". And so, the main, or included by default, it is necessary to make that which takes an intermediate position on the size of possible "jambs". By experience of many generations of maker-ups by that the Opera browser is.
Proinstalliv several browsers on the computer, start directly comparison process. For this purpose guide at the file with the .html extension which will be a basis of the page of the website or the whole template, the cursor and click it with the right mouse button. In the opened tab select "open with the help", and then select type of the desirable browser. The file can be opened in several browsers at once, having left them contracted on a desktop task bar, and to open as required.
2. Stage second – visual comparison
Visually pages of the website in the browser can differ on three key parameters:
1. On the value of indents and fields between page elements. In calculation of true values of padding and margin properties IE differs in special refinement.
2. Different browsers differently display fonts, even standard, such as Arial and Times New Roman. Lines of menu items which can be displayed in two lines most suffer from it or be transferred completely to the second row.
3. Correctness of display of pictures. In the simplest cases some browsers, for example "Opera", do not read the vspace and hspase properties registered in tag attributes. Sometimes pictures are not centered in table cells if this condition is not registered in attributes. But the main trouble for the maker-up is prepared by .png image format. The transparent channel in the code of this file is read by all browsers in own way, especially IE succeeds in it. Therefore quite often on the place of beautiful translucent pictures ugly gray spots are observed.
Stage third – check of functionality
At this stage it is necessary to check the "dropping-out" menu items. In their work breakthroughs, decelerations, and the most important – a gallop of the general content of the page when opening separate menu items should not be observed. The same concerns text elements of the page which reveal completely when clicking the button or an inscription is "more detailed".
In conclusion there is a wish to tell that fight for "cross-browser compatibility" – so is called property of the page to be displayed everywhere equally, process difficult and fascinating, requiring wide practical experience.
3. Stage third – check of functionality
At this stage it is necessary to check the "dropping-out" menu items. In their work breakthroughs, decelerations, and the most important – a gallop of the general content of the page when opening separate menu items should not be observed. The same concerns text elements of the page which reveal completely when clicking the button or an inscription is "more detailed".
In conclusion there is a wish to tell that fight for "cross-browser compatibility" – so is called property of the page to be displayed everywhere equally, process difficult and fascinating, requiring wide practical experience.