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

Popular posts from this blog

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - UML - How would you draw a try catch in a sequence diagram? -

c++ - No viable overloaded operator for references a map -