css - Combination of header - main_wrapper makes page scrollabe for header-height -

-

i'm making webpage fixed footer. if there lot of content, there must scroll bar. if there 1 line of input in content-part, there no need scroll. way page made now, gives me scroll bar time! scrolls far header disappears screen. --> header 150px high , can scroll 150px. don't want this. wrong html or css?

this html:

<body> <div id="header">     <h1>the <span>ultimate</span><br />dvd collection</h1> </div> <div id="main_wrapper">     <div id="main">         <div id="choose">#abcdefghijklmnopqrstuvwxyz</div>         <div id="content">main content comes here.</div>     </div> </div> <div id="footer">     <p>my name <span>admin log-in</span>     </p> </div>

here's css:

html, body {     height: 100%;     margin: 0 auto; } body {     font-family: helvetica, arial, sans-serif;     color: #666;     font-size: 12px;     line-height: 1.5em;     /*position: relative;*/ } #header {     height: 150px;     background: linear-gradient(left, #2a2620, #a35e47);     border-top: 10px solid #f6e6c5;     border-bottom: 10px solid #f6e6c5;     background-color: #a35e47; } h1 {     width: 960px;     margin: 35px auto 0;     font-family:'luckiest guy', cursive;     font-size: 3.5em;     line-height: 1em;     text-transform: uppercase;     font-weight: 400;     color: #a35e47;     text-shadow: 0px 0px 2px #f6e6c5, 4px 4px 8px #000000; } h1 span {     font-family:'aclonica', verdana, sans-serif;     font-size: 1.75em; } #main_wrapper {     height: 100%;     min-height: 100%;     background-image: url('http://4.bp.blogspot.com/-jpxp0hgum7o/t0oil_iupqi/aaaaaaaaams/xu5zntquloe/s1600/img_0665+hollywood+star.jpg');     background-repeat: no-repeat;     background-position: 50% 60%;     background-color: #5a646d; } #main {     width: 960px;     height: 100%;     margin: 0 auto;     background-color: #fff;     opacity: .75;     /*overflow: auto;*/ } #choose {     margin-left: 20px;     font-family: georgia, serif;     font-style: italic;     font-weight: bold;     text-transform: uppercase;     font-size: 1.5em;     line-height: 2em;     letter-spacing: 20px;     overflow: hidden; } #content {     margin-left: 20px;     margin-right: 20px; } #footer {     height: 40px;     width: 100%;     border-top: 10px solid #f6e6c5;     background: linear-gradient(left, #2a2620, #a35e47);     position: fixed;     left: 0;     bottom: 0; }

you can see code in jsfiddle.

what doing wrong? (look @ scroll bar in the picture) in advance!

remove height:100% on main-wrapper. height of 100% means 100% of available space inside parent (the header , main-wrapper has same parent). main-wrapper not aware of headers height. result 100% + 150px.


Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more