1
Well, I developed a website for a school project, the problem is that when I resize the browser, the site gets all bugged out, the elements come out of their original positions and the site becomes impossible to move. I wanted to know how to fix it.
Regular site:
Site bugado:
7
Just use the Media Queries for all elements and make them fit correctly to the size of the browser.
Use the Grid CSS or even the Bootstrap which also has grids support is a good one, because then you already make an adaptive layout.
3
You can also set a minimum width for your site through CSS min-width: 1000px.
To learn more about this definition: http://www.w3schools.com/cssref/pr_dim_min-width.asp
1
Have you seen the Twitter Bootstrap? is a set of CSS classes that you can use to make your website responsive, that is, you can use it in various dimensions and it will adapt the resolution of the device.
give a check, there is a brief tutorial teaching how to use the CSS classes.
Okay, I’ll take a look. :)
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.
1
I may be wrong, but from the looks of it, you must be starting to work with html/css. If the site you have shown here has been done with tables (which is not recommended semantically), I suggest that you use absolute measurements in pixels in the width and height of cells, rather than relative measurements (percentage, on, and so on). Try using fixed width for the main table or container and accommodate the elements with bounded widths.
It would be interesting if you 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 quite long. I advise you to study more tableless development using HTML and CSS and only then start using frameworks. With that alone you’ll have a long work ahead of you.
1
I advise you to use some css framework, such as bootstrap or Foundation... They are great for developing responsive pages, quickly and without headaches.
Could you elaborate more? Advice than to use are not considered good answers.
Browser other questions tagged css css3
You are not signed in. Login or sign up in order to post.
I am giving a closing vote because the question is too vague to say what is the cause of the problem. If you want to elaborate more (although I have already accepted a response), I believe that the content can be more useful for future visitors to the site.
– bfavaretto