Я хочу, чтобы мой контейнер/промежуток был зафиксирован там

У меня проблема, вот мой сайт http://jsbin.com/cesorozu/3/edit Но когда я хочу создать новый диапазон для такой новой статьи
http://jsbin.com/fobalilorogo/1/edit

<!DOCTYPE html>
<html>
<head>
<title>Game Nxt Gen</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Welcome to the new generation of gaming !" content="Site de la team-multigaming Game Nxt Gen">
<meta name="author" content="Psyko460">
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet" media="screen">

</head>
<body>

  <div class="row-fluid">
  <div class="span13 pagination-centered"><img src="img/Banniere%20site.png"</img></div>
  </div>



                <ul class="nav nav-tabs Center pull-bottom">
                    <li class="active"><a href="index.html">Acceuil</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="membres.html">Membres</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="videos.html">Vidéos</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="forum.html">Forum</a></li>
                    <li class="divider-vertical"></li>
                </ul>

   <div class="span13 Contbg Center ContBorder toBottom">  

     <div class="spannews toLeft toRight toTop bordered spanbg">
       New article
     </div>

   <div class="spannews toLeft toRight toTop bordered spanbg">
      <header><h2><img src="img/logo%20gng%2050.png"</img>  Présentation</h2></header>
       <hr width="100%">
   <br> Bonjour et bienvenue sur le site de la communauté Game Nxt Gen.<br>Nous sommes une communauté de joueur multi-gaming, nous jouons à toutes sorte de jeux FPS, MMO, STR, MOBA, RPG etc.. <br>La plupart des membres se connaissent depuis plusieurs années.<br>Nous acceuillons tous le monde sur le mumble, un bon sens de l'humour est requis !<br>Une IRL à déjà était faite la plupart de la communauté était présente, nous referons surement ça à pendants les vacances scolaire !<br><div class="pagination-centered toTop"><img src="Fond%20Stream%20samedi2.jpg"width="55%"</img></div>
   </div>



   <div class="spandlogin toLeft toRight toTop bordered spanbg">
    login
   </div>

    <div class="spanmumbleviewer toLeft toRight toTop toBottom bordered spanbg">
    mumble viewer
   </div>   

   </div>
<div class="pagination-centered">
Contact : [email protected]. Thème, design et code réalisés par Psyko460 accompagné de Twitter Bootstrap. © 2014 GameNxtGen.fr. 
<br> Welcome to the new generation of gaming !
</div>


<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

Диапазон входа в систему и диапазон просмотра mumble снижаются, я не знаю, как полностью исправить положение двух диапазонов, и когда я создаю новую статью, они не будут снижаться.

Извините за мой плохой английский.


html article
person Psyko460    schedule 11.08.2014    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Попробуйте сделать это таким образом

  <div class="spandlogin toLeft toRight toTop bordered spanbg">
    login
   </div>

   <div class="spannews toLeft toRight toTop bordered spanbg">
    New article
   </div>
person Frager.    schedule 11.08.2014
comment
Это работает, но плохо, потому что вторая статья остается в правой колонке, но уходит очень далеко вниз, вот так jsbin.com/ фобалилорого/2/edit - person Psyko460; 12.08.2014

arrow_upward
0
arrow_downward

Я нашел решение своей проблемы, и те, кто хочет исправить, вот оно! Поэтому я просто создаю новый div в css с именем: .col-left и .col-right.

.col-left{поплавок: слева}

.col-right{плавающая: правая}

поместите статью в соответствующий div!

person Psyko460    schedule 12.08.2014