XHTML CSS background not filling entire div -


i've got page has background color main container, reason, color ends below header div. page , css validate in w3 validators, though, , have no idea why , i've tried several different fixes.

css

body{     margin:0;     padding:0;     line-height: 1.5em;     background-color: #e5e5dc;     color: #000; }  #maincontainer{     background-color: green;     width: 98%;     margin: 0 auto;     border: 1px solid black; }  #topsection{     background-color: transparent;     height: 90px; /*height of top section*/ }  #logo{     background-image: url();     text-align: center;     margin: 0 auto;     width: 100%; }  #contentwrapper{     float: left;     width: 100%;     background-color: transparent; }  #contentcolumn{     margin-right: 230px; /*set right margin rightcolumnwidth*/ }  #rightcolumn{     float: left;     width: 230px; /*width of right column in pixels*/     margin-left: -230px; /*set left margin -(rightcolumnwidth) */     background-color: transparent; }  #footer{     clear: left;     width: 100%;     background-color: transparent;     text-align: center;     padding: 4px 0;     border-top: 1px solid black; }  .innertube{     margin: 10px; /*margins inner div inside each column (to provide padding)*/     margin-top: 0; }  .error{     background-image: url("images/misc/scroll.jpg");     background-position: top left;     background-repeat: no-repeat; }  a:link, a:visited{     color: #000;     text-decoration: none; }  a:hover, a:active{     color: #000;     text-decoration: underline; }

edit -- raw html source straight view source in browser

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">  <head>      <meta http-equiv="content-type" content="text/html; charset=utf-8" />      <title>haven &bull; login</title>      <link href="includes/style.css" rel="stylesheet" type="text/css" />        <script src="includes/jquery.js" type="text/javascript"></script>      <script type="text/javascript">       function init()     {         var e = document.createelement('script');         e.src = 'includes/all.js';         document.getelementbyid('script_insertion').appendchild(e);     }     </script>  </head>  <body onload="init();">  <div id="script_insertion"></div>  <div id="maincontainer">      <div id="topsection">          <div class="innertube">              <h1>img</h1>          </div>      </div>       <div id="contentwrapper">          <div id="contentcolumn">              <div class="innertube">                  <form action="./login.php?mode=login" method="post">                      <table>                          <tr>                              <td>username:</td>                              <td><input type="text" name="username" id="username" size="10" title="username" /></td>                          </tr>                          <tr>                              <td>password:</td>                              <td><input type="password" name="password" id="password" size="10" title="password" /></td>                          </tr>                          <tr>                              <td><input type="reset" value="clear" /></td>                              <td><input type="submit" name="login" value="login" /></td>                          </tr>                      </table>                      <input type="hidden" name="remember" value="true" />                  </form>                  <br />                  don't have account yet? <a href="./register.php">register here!</a>              </div>          </div>      </div>  <div id="rightcolumn">          <div class="innertube">              chat         </div>      </div>  </div>  </body>  </html>

you floating #contentwrapper takes out of document flow #maincontainer no longer contains it.

to contain it, need give #maincontainer overflow attribute (auto should work).

fyi, adding borders elements way debug things this.


Comments

Post a Comment

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

java - Output of Eclipse is rubbish -

i want write program in eclipse language different english. when display output using system.out program, displays output correctly in console editor. when accept input console , output it, output rubbish. how can solve it. many thnaks i'm not sure if problem, have character encoding problem. make sure you're using unicode, utf-8. you can read more @ official docs converting non-unicode text .
Read more

jquery - Confused with JSON data and normal data in Django ajax request -

i read json internet still have not got grasp of it. reading article http://webcloud.se/log/ajax-in-django-with-jquery/ i not understood first part function using json def xhr_test(request, format): if request.is_ajax(): if format == 'xml': mimetype = 'application/xml' if format == 'json': mimetype = 'application/javascript' data = serializers.serialize(format, examplemodel.objects.all()) return httpresponse(data,mimetype) # if want prevent non xhr calls else: return httpresponse(status=400) my main problems are from function getting format variable does format json mean data given function json or data recived json can give me simple example ouput of function data = serializers.serialize(format, examplemodel.objects.all()) how use data when response in jquery function if don't use json in above function how input , response chnage thanks ...
Read more