html - Whitespace added when browser is smaller than content -



html - Whitespace added when browser is smaller than content -

i have bizarre issue noticed i'm working on wordpress theme friend, , i'm using relative/absolute positions add together social/connect buttons on side of divs -- works fine proper design.

the issue, however, arises on "social" div on right side of page. if browser smaller main content's size, adds white-space right side of page. if move div left side, it's fine; adds whitespace @ half page length (which more confusing).

i can't life of me figure out why happening; can't figure out if it's standard behavior, or issue created on own.

i hoping perhaps here might have had similar experiences, or thought how prepare it.

the site reference http://betacreations.com/example/uberpotato

edit: css #social div is:

#social{ width: 90px; height: 250px; padding: 10px; position: absolute; right: -40px; top: 40px; background: #efefef; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3);}

the css #page-content div resides in is:

#page-content{ clear: both; min-height: 500px; width: 870px; margin: 0 auto; padding: 20px 0; position: relative; border: 5px solid #fff; background: #f2f0d7;}

and screenshot is:

the width there exists if browser's width less 960px (the width of content)

thanks in advance!

after viewing site, looks it's social pannel. of generated elements 100px or more wide. if remove width:90px;, can see width it's trying achieve. wither amend elements , set widths smaller (or 100% or whatnot), or apply overflow: hidden; #social div:

#social { ... overflow:hidden; }

the reason why occurring because have overflow out of social container. happens on right because elements left aligned. (you align elements right suppose.)

hopefully helps.

html css relativelayout

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more