html - PHP or CSS, div moves when refresh -


i have div "infcont or welcome" in page changes position every time refresh page. oscillates between 2 positions. page has been written in html php(session script) in it, , css included page. don't know if problem in css page or in php script. php

<link href="stile.css?1500" rel="stylesheet" type="text/css"> <!-- embed google font --> <link href='http://fonts.googleapis.com/css?family=oswald:400,300' rel='stylesheet' type='text/css'> </head> <?php    session_start(); ?> 

html

  <section id="slider">      <div id="sfondoc">      <div class="infcont">      <div class="welcome">      <h1>benvenuti!</h1>      <div class="login">  <form method="post" id="form" action="login.php">  <div class="divw">  <ul class="form-style-1">  <li>  <input type="text" id="username" name="username" class="field-dividedww"  value=""  maxlength="20" placeholder=" username" />  </li>  <li>  <input type="password" id="psw" name="psw" class="field-dividedwp"  value=""/  maxlength="20" placeholder=" password" />     </li>  <li>  <input type="submit" id="loginsub" value="login" />  </li>  </ul>  </div>  </form>      </div>      </div>  <div class="news">  <h1>news</h1>  <div id="news1">  </div>  <div id="news2">  </div>  <div id="news3">  </div>  <div id="news4">  </div>  </div>  </div>   </div>      </section>

css

.infcont {       position:relative;       top: 130px;       left: 20px;       width:100%;       height: 100%;  }    .infcont .welcome {      display:inline-block;      vertical-align:top;      margin: 0 auto;      align:left;      width: 45%;      min-height: 48%;      background: #032322;      opacity: 0.9;  }    .infcont .news {      display:inline-block;      vertical-align:top;      margin: 0 auto;      min-height: 60%;      width: 35%;      background: #032322;      opacity: 0.9;  }    .infcont  .news h1  {      display:block;      text-align: left;      font-family: raleway_thin;      font-size: 15px;      color:white;      padding: 0px 0px 0px 10px ;  }    .infcont .welcome h1 {      display:block;      text-align: center;      font-family: raleway_thin;      font-size: 30px;      color:white;  }    .infcont .welcome h2 {      display:block;      text-align: center;      font-family: raleway_thin;      font-size: 15px;      color:white;  }    .infcont .welcome .login {      display:block;      position:relative;      left:12%;      margin 0 auto;      width:70%;      height: 200px;      background:#d46a43;  }      .infcont .welcome .login .divw {      display:block;      position:relative;      top: 40px;      left:50px;      width:80%;  }    .infcont .welcome .login .divw .form-style-1 .field-dividedww, .field-dividedwp{      width: 100%;      height: 33px;      background:#f2f2f2;  }    #loginsub {      position:relative;      width: 100%;      background: #032322;  }    #loginsub:hover {      position:relative;      width: 100%;      background: #0e1d17;  }

.logged_out {     margin-right: 22px;     position: relative; }  .button {     position: absolute;     top: 0;     right:0; } 

link:-html button moving on page refresh?


Comments

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -