html - Css code why the div class going down? -

-

i have posted question..but nobody answered question..my code is:

* {      margin: 0;      padding: 0;  }    body {      width: 100%;      font-family: 'cabin', sans-serif;      background-color: #333;  }    .firstnav {      margin:auto;      height: 1500px;      display: block;      width: 70%;      -webkit-flex: 3 1 60%;      flex: 3 1 60%;      -webkit-order: 2;      order: 2;  }    #third {      background: #f00;      position:relative;      display:inline-block;      width: 30%;      margin-left:auto;      margin-right:auto;      height: 500px;      -webkit-flex: 1 6 20%;      flex: 1 6 20%;      -webkit-order: 3;      order: 3;  }    #second {      background: #fff;      position:relative;      display:inline-block;      margin-left:auto;      margin-right:auto;      width: 67%;      height: 1500px;        -webkit-flex: 1 6 20%;      flex: 1 6 20%;      -webkit-order: 3;      order: 3;  }    #registration-form {      font-family:'open sans condensed', sans-serif;      width: 100%;      margin: 20px auto;      position: relative;      display:block;      position:absolute;  }    #registration-form .fieldset {      background-color:#d5d5d5;        border-radius: 3px;    }    #registration-form legend {      text-align: center;      background: #364351;      width: 100%;      padding: 30px 0;      border-radius: 3px 3px 0 0;      color: white;      font-size:2em;  }    .fieldset form{      border:1px solid #2f2f2f;      margin:0 auto;      display:block;      width:100%;      padding:30px 20px;      box-sizing:border-box;      border-radius:0 0 3px 3px;  }
<div class="firstnav">    <div id="second"><p>second<p></div>  <div id="third">        <div id="registration-form">          <div class='fieldset'>              <legend>todays news              </legend>              <form action="#" method="post" data-validate="parsley">                </form>          </div>      </div>    </div>

here,you can see second content going down..why happening??i want 2 container side side..i have changed "#second" code still not coming side..

it looks 1 line missing. elements not being floated. try adding float: left; #second.

play on jsfiddle. i've made change you. you're looking for? https://jsfiddle.net/jr0gpaqg/


Comments

Post a Comment

Popular posts from this blog

javascript - Karma not able to start PhantomJS on Windows - Error: spawn UNKNOWN -

-
i lost "unknown" error: karma.conf.js: frameworks: ['mocha', 'should'], plugins: ['karma-mocha', 'karma-should', 'karma-phantomjs-launcher'], ... browsers: ['phantomjs'], error: 23 07 2015 14:35:37.691:warn [karma]: no captured browser, open http://localhost:9876/ 23 07 2015 14:35:37.701:info [karma]: karma v0.13.3 server started @ http://localhost:9876/ 23 07 2015 14:35:37.707:info [launcher]: starting browser phantomjs 23 07 2015 14:35:37.738:error [karma]: { [error: spawn unknown] code: 'unknown', errno: 'unknown', syscall: 'spawn' } error: spawn unknown @ exports._errnoexception (util.js:749:11) @ childprocess.spawn (child_process.js:1093:11) @ exports.spawn (child_process.js:933:9) @ object._execcommand (c:\users\jinga4x\git\mdl-sample-project\node_modules\karma\lib\launchers\process.js:63:21) @ object._start (c:\users\jinga4x\git\md...
Read more

Nuget pack csproj using nuspec -

-
i want create nuget package contains specified in nuspec file, still version csproj. in order use token have pack like: nuget pack myproj.csproj but when adds dependencies , creates unwanted folder in nuget package. nuspec file is: <?xml version="1.0" encoding="utf-8"?> <package xmlns="http://schemas.microsoft.com/packaging/2011/08/nuspec.xsd"> <metadata> <id>test</id> <version>$version$</version> <title>test</title> <authors>test</authors> <owners>test</owners> <requirelicenseacceptance>false</requirelicenseacceptance> <description>test</description> <summary>test</summary> <releasenotes>test</releasenotes> <copyright>test</copyright> </metadata> <files> <file src="bin\debug\*.dll" target="lib\net45" /> <file s...
Read more

c# - Display ASPX Popup control in RowDeleteing Event (ASPX Gridview) -

-
i have aspxgridview includes new , delete button. delete button includs gv_rowdeleting event. want show aspxpopupcontrol (id="pupconfirm"). want user have confirm password delete item. tried: protected void gv_rowdeleting(object sender, devexpress.web.data.aspxdatadeletingeventargs e) { pupconfirm.showonpageload = true; } but nothing happened. please me. !!! you can create template column javascript prompt confirmation. <itemtemplate> <asp:linkbutton id="btndelete" runat="server" text="delete" commandname="delete" onclientclick="javascript:if(!confirm('are sure want delete record?')){return false;}"> </asp:linkbutton> </itemtemplate>
Read more