jquery - Height of a div not set correctly -

-

so if open page in chrome http://gameittourney.fyoucon.com you'll see height of 1 not set correct, press on home , how it's supposed be
picture without chrome how supposed have no idea why happening

jquery

$(document).ready(function(){     $("#maincontent").css("height", window.innerheight);     $(".leftcontentborder").css("height", $("#maincontent").height());     $(".rightcontentborder").css("height", $("#maincontent").height());      var docheight = $(document).height();     var footerheight = $('#footer').height();     var footertop = $('#footer').position().top + footerheight;      if (footertop < docheight) {     $('#footer').css('margin-top', 10 + (docheight - footertop) + 'px');     }      var mh = $(window).height();     var h = $(document).height();     if( mh < h) {         $("#maincontent").css("height", h);         $(".leftcontentborder").css("height", $("#maincontent").height());         $(".rightcontentborder").css("height",   $("#maincontent").height());        }   $(window).resize(function() {     var mh = $(window).height();     var h = $(document).height();     if( mh < h) {         $("#maincontent").css("height", h);         $(".leftcontentborder").css("height", $("#maincontent").height());         $(".rightcontentborder").css("height", $("#maincontent").height());      }     else {         $("#maincontent").css("height", window.innerheight);         $(".leftcontentborder").css("height", $("#maincontent").height());         $(".rightcontentborder").css("height", $("#maincontent").height());      }      var docheight = $(document).height();     var footerheight = $('#footer').height();     var footertop = $('#footer').position().top + footerheight;      if (footertop < docheight) {     $('#footer').css('margin-top', (docheight - footertop) + 'px');     } }); });

html

<!doctype html> <html> <head> <link rel="stylesheet" href="stylesheet.css" type="text/css"> <meta charset="utf-8"> <meta http-equiv="cache-control" content="no-cache"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">  </script> <script src="resize.js" type="text/jscript"></script> <title>gameit tourney</title> <style type="text/css"> </style> </head>  <body> <div id="contentbox">     <div class="leftcontentborder"></div>     <div class="rightcontentborder"></div>     <div id="maincontent">         <div class="header"><a href="/"><img src="img/campusdjursland_tourneyhjemmeside_grafik/resten/header_img.png" /></a></div>         <div class="navbar">             <ul>                 <a href="/"><li>home</li></a>                 <a href="/"><li>about</li></a>                 <a href="/"><li>contact</li></a>             </ul>         </div>         <div class="info">             gameit college tourney "web hub" different<br/>  e-sports tournaments hosted on campus djursland.<br/><br/>             plan on making tournament? prizes or fun?<br/>  contact at;<br/>             <a href="mailto:campusdjurslandtourney@fyoucon.com" class="email">campusdjurslandtourney@fyoucon.com</a><br/>             , we'll host information , register participants.       </div>         <div class="dividelinebig"></div>         <div class="currenttour">             <div class="titel"><img src="img/campusdjursland_tourneyhjemmeside_grafik/resten/right_arrow.png"/>             current tournaments             <img src="img/campusdjursland_tourneyhjemmeside_grafik/resten/left_arrow.png"/>             <div class="dividelinesmall"></div>             </div>             <a href="/"><img class="imagecenter" src="img/lolt.png"/></a>         </div>         <div class="dividelinebig"></div>         <div class="currenttour" style="background-color:#e1e1e1;">             <div class="titel"><img src="img/campusdjursland_tourneyhjemmeside_grafik/resten/past_pil_right.png"/>             past tournaments             <img src="img/campusdjursland_tourneyhjemmeside_grafik/resten/past_pil_left.png"/>             <div class="dividelinesmall"></div>             </div>             <a href="/"><img class="imagecenter" src="img/lolt.png"/></a>         </div>         <div id="footer">         <img class="imagecenter" src="img/campusdjursland_tourneyhjemmeside_grafik/footer/footer_divideline.png"/>             <div style="padding: 5px 5px 5px 5px;">                 images properties of respective owners.<br>                 coded mikkel hjortshoej © 2013 | graphics , design alexander nass kahr © 2013             </div>         </div>     </div> </div> </body> </html>

if understand yor problem correctly (the surrounding div not expanding height of child content), if add display:block; inside of .currenttour class, should good.

.currenttour {   display: block; }

Comments

Post a Comment

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

php - joomla get content in onBeforeCompileHead function -

-
i'm developing joomla system plugin. need add javascript , css files if [myshortcode] shortcode found in content. how can content in onbeforecompilehead function function onbeforecompilehead() { $document = jfactory::getdocument(); //add scripts if shortcode found ... $document->addstylesheet($cssfile, 'text/css', null, array()); the $content = jresponse::getbody(); not work. thanks try this, for style sheet, $document = jfactory::getdocument(); $document->addstylesheet('http://domain.com/templates/css/style.css'); for javascript file $document = jfactory::getdocument(); $document->addscript('full url'); also can this, $document = jfactory::getdocument(); // add javascript $document->addscriptdeclaration(' window.event("domready", function() { alert("an inline javascript declaration"); }); '); // add styles $style = 'body {'
Read more