html5 - index.html appears smaller than all other pages of a website -
i have problem new website i'm designing in html5.
it's single page site 5 different sections.
home page index.html#home , sections appear properly, except of index.html, zoomed-out.
all sections have same css:
width:100%; background-color:#7fffd4; padding:5px 0px; margin:0px;
here screenshots:
normal:http://i.imgur.com/vo8u28o.jpg
zoomed-out http://i.imgur.com/nz11fhy.png
if have idea how fix appreciate it.
the text on 1 section pretty long. think causing zoom-effect. try shorten text or auto-wrap css.
you put long text in <div id="someid">
, change css this:
#someid { width: 100%; padding: auto 30%; }
auto
top , bottom , 30%
left , right. should adjust 30% want. format divs use 100% of given browser window.
Comments
Post a Comment