A pixel is always a pixel, a centimetre is always a centimetre. Fixed (sometimes called absolute) measurements are always the same size. FixedĪn example of a fixed measurement is pixels but a fixed measurement can also be pt (points), cm (centimetres) etc.

This paragraph's width will be 50% of it's parent (150px).Īnother relative measurement is ems which are relative to font size. If there is no containing element they are relative to the window. Percentages are relevant to their containing element. RelativeĪn example of a relative measurement is percentages, which you have used. There are two types of measurements you can use for specifying widths, heights, margins etc: relative and fixed. Identifying your audience and the purpose of your list or grid is basic to create the. Filtering and sorting allow you to focus on results. I already tried prevent div moving on window resize, i tried setting min-width:820px for div header, that the main containing div. Add filtering and sorting to your lists and grids. but as i understand all this is not the right way. they jump down, the header content was also jumping down then i make overflow: hidden. Īnd look at the content in header, and also the menubar. Then try to resize the browser window by dragging the right size leftwards. Have a look at working condition of my page : forĮxample, if I drag the bottom corner of a window up and to the left I'dĮxpect to see what was at the bottom right disapear and scroll bars toĪppear but the object in the top left hand corner would stay exactly where Like the 'objects' to stay where they are but the window to resize. I have no idea whyĬould someone offer me some advice please. To successfully produce what I thought was a nice page until I resized theīrowser window then everything started to move around. I'm quite new to CSS and I'm trying to get a page up and running.

Pagination justinmind