Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <ol> <li><p>When you zoom in or out, you will encounter issues because of rounding and text rendering. It is a good idea to make sure the layout can survive a bit of stretching without breaking down.</p></li> <li><p>Relative positioning is affected by issues mentioned in #1, and therefore unreliable.</p></li> <li><p>Look into using something to remove the properties that the various browsers will apply. You could use a <a href="http://meyerweb.com/eric/tools/css/reset/">reset</a> to give you something more workable or try to <a href="http://necolas.github.com/normalize.css/">normalize</a> the values to make them more even between browers.</p></li> <li><p>For (horizontal) centering you have some options:</p> <ul> <li>If you have a container with "text-align:center" it will center all child elements that are inline-blocks or inline.</li> <li>If you want to center a block element, you can use "margin: 0 auto" to center it horizontally and remove vertical margins.</li> <li>If you want to center an absolutely positioned element, you can use "left: 50%, margin-left: -(<em>width of element</em>/2)".</li> </ul></li> </ol> <p>In addition to attempting to get rid of relative positioning, I would recommend that you do not explicitly set the height of the body element. Generally you want the elements to manage their own size, that way they will be more robust.</p> <p>If you use "position: relative" now because that is what you know how to use, I would suggest you try using "float: left" (or right), or changing the display type (display: inline-block). That may help you get started in the right direction.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload