html - i can't figure out why this css is not working -

-

thirtydot edit: (there's no doctype)

here code in pastebin: http://pastebin.com/zwptd8dd

<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>my layout</title> <style type="text/css">     #wholepage{     background: #fff;     width: 960px;     margin: 0 auto;     }      #header{     width: 960px;     margin: auto 0;     }    #header ul{     border:1px solid #bbbbbb;     width:100%;     height:45px;     -moz-border-radius:8px;     -webkit-border-radius: 4px;     list-style: none;     }     #header ul li{     float: left;     margin: 3px;     }       #login-form{     position: relative;     margin-left: 750px;     margin-right: -20px;     border: 1px solid #4e4e4e;     }      #frontpage-content{     position: relative;     margin-right: 210px;     border: 1px solid #bbbbbb;      }   </style> </head>  <body> <div id="wholepage">     <div id="header">         <ul>             <li>home</li>             <li>profile</li>              <li>username             <input type="text"/>             </li>             <li>password             <input type="password" />             </li>             <li><input type="submit" value="login"/>         </ul>     </div>      <div id="login-form">     widget 1 : description of widget 1 here ...      </div>     <div id="login-form">     widget 2 : description of widget 2 here...     </div>      <div id="frontpage-content">      content here<br/>      content here<br/>     </div>      <p>terms of use | contact | | developers | advertising | services | partners</p>  </div> </body> </html>

it's pushing down "frontpage-content" div. i've been trying fix long time. have no more ideas. :(

this problem solved. thank guys helping.

i'm assuming judging how you've got margins set want frontpage-content to right of login-form widgets?

if so, you're missing css value "float". i'd put sidebar content in div id "left-sidebar" , make it

#left-sidebar {   width: 200px;   float: left; }  #frontpage-content{   position: relative;   width: 750px;   float: right;   border: 1px solid #bbbbbb; }  #login-form{   position: relative;   width: 100%;   border: 1px solid #4e4e4e; }

and in source after #frontpage-content, place:

<div style="clear:both;"></div>

before footer stuff.


Comments

Post a Comment

Popular posts from this blog

Javascript line number mapping -

-
magically formatted comments change reported line number of javascript errors in browsers; this: //@line n "f" n line number , f file name. unfortunately, //@line appears ungoogleable. know there documentation on feature, , browsers support it? (i found references here , here .) from can find available in mozilla based browsers. it using js_setoptions command can turn these options on or off depending on values passed. https://developer.mozilla.org/en/js_setoptions
Read more

c# - Is it possible to remove an existing registration from Autofac container builder? -

-
something along lines: builder.registertype<mytype>().as<itype>(); builder.registertype<mytype2>().as<itype>(); builder.deregistertype<mytype>().as<itype>() var container = builder.build(); var types = container.resolve<ienumerable<itype>>(); assert.istrue(types.count == 1); assert.istrue(types[0].gettype == typeof(mytype2)); scenario: go through bunch of assemblies , go register types want make sure have 1 implementation of given type. need before create container. track on own nice if autofac me bit. this cannot done directly using containerbuilder , unless start on new one. mind you, having first built container should able construct new container filtering away unwanted types , reusing registrations first container. this: ... var container = builder.build(); builder = new containerbuilder(); var components = container.componentregistry.registrations .where(cr => cr.activator.limittype != typ...
Read more

php - Mysql PK and FK char(36) vs int(10) -

-
i have read mysql can handle indexes , searches better if tables keys integers rather char(36) uuid's. is worth converting int(10)? note: use 1 server , have have plans use multiple databases concurrently therefore removing 1 of big reasons using uuid. our tables innodb if makes difference. thanks in advance. usually rdbms can handle integer keys pk more efficient, other datatypes. reason how build index column, yes: long dont require string (or other typed) keys, should use integers. however: char(36) , int(10) far away being equal, because int(10) much smaller, char(36). dont know, if require many different keys, should keep in mind. update, complete last paragraph: int(10) 32-bit, char(36) 36 - ^byte^ (= 288-bit). not mean, int consumes less space, means, char(36) has 4 times more different keys.
Read more