I'm developing a website with HTML and CSS only. I want the static size to be this:
#tudo{
width: 1024px;
margin: 0 auto;
text-align: left; /* "remédio" para o hack do IE */
}
The problem is when the screen is smaller the site misconfigures instead of staying the same at 1024px. What to do?
When you are on a screen less than 1024px, it looks like this:
When the "screen" (screen to pt-br) is less than the width of its div #tudo , change the CSS property width to max-width and thus content will adjust to widths
#tudo {
max-width: 1024px;
margin: 0 auto;
}
Try to put an overflow in your browser window. In case in your body and take the test,
body{
overflow: scroll;
}