When I Minimize My Html/css Page It Squishes All The Pictures And Texts And Ruins The Formatting
Solution 2:
A wild guess, set a min-width to the body.
INLINE
<bodystyle="min-width: 800px;">OR IN YOUR STYLESHEET
body {
min-width: 800px;
}
Change the 800px to the required minimum width you want. Then when the browser resizes to a width smaller than that number, the scrollbars will appear.
Solution 3:
Please refer the fiddle and update it,
I have updated small errors, with one closing div missing,
and that with strict DTD in the heading, is the main reason for ruin the formatting..
you may use transitional/loose DTD if still learning,
<!DOCTYPE HTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">I am sure this will do, but still if problem persist, please update fiddle and post back the new link, with all codes.
Thank you for updating code of CSS, now after looking at your CSS, I can say the problem was float and I have updated my fiddel for the same, that works fine with Google Chrome Browser, please let me know if any problem persist, with specification.
Solution 4:
Your problem is yours tag are not responsive in your views. The easiest way is Download bootstrap css and link in your html.
<!DOCTYPE html><html><head><style><linkrel="stylesheet"type="text/css"href="bootstrap.css"><linkrel="stylesheet"type="text/css"href="bootstrap_responsive.css"></style></head><body><p>hello world.</p></body></html>and check
http://getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem for futher details.
If you dont want to use bootstrap there is purecss for second choice http://purecss.io/
Post a Comment for "When I Minimize My Html/css Page It Squishes All The Pictures And Texts And Ruins The Formatting"