How to make a page not bugar when the browser is resized?

1
Well, I developed a website for a school job, the problem is that when I resize the browser, the site gets buggy, the elements leave their original positions and the site is impossible to move. I wanted to know how I can fix this.

Normal site:

Buggedsite:

    
asked by anonymous 30.01.2014 / 23:44

6 answers

7

Just use Media Queries for all elements and do with that correctly adapt to the size of the browser.

Use Grid CSS or even the Bootstrap that also has grids support is a good one, because there you already do an adaptive layout.

    
30.01.2014 / 23:54
3

You can also set a minimum width for your site using CSS min-width: 1000px .

To learn more about this definition: link

    
31.01.2014 / 01:47
1

I advise you to use some css framework, such as bootstrap or foundation ... They are great for developing responsive, quick and headache-free pages.

    
31.01.2014 / 15:27
1

The problem is that the HTML layout is not formatted to be responsive .

You can use multiple CSS grid systems to solve this problem.

link

link

    
30.01.2014 / 23:53
1

Have you seen Twitter BootStrap ? is a set of CSS classes that you can use to make your site responsive, that is, you can use it in multiple dimensions and it will adapt the device resolution.

From a checked, there is a brief tutorial on how to use CSS classes.

    
30.01.2014 / 23:49
1

I may be mistaken, but by the looks of it, you should be starting to work with html / css. If the site you've shown here has been done with tables (which is not recommended semantically), I suggest that you use absolute measures in pixels in width and height of cells, rather than relative measures (percentage, in, etc). Try to use fixed width for the main table or container and accommodate the elements with the delimited widths too.

It would be interesting to use some kind of CSS Reset.

The recommendations posted by friends here are very valid, however, the learning curve and mastery of most of them is very long. I advise you to study more the tableless development using HTML and CSS to only then go for the use of frameworks. Only with this will you have a long work ahead.

    
31.01.2014 / 21:10