Тема: Html як виправтити змiщення div при змiнi розмiру браузера.
Маю сторiнку i там робится вот таке:
Вот як треба щоб було.
Але чомусь як що зменшити вiкно то буде так
Ось код:
#Teams
{
min-height: 400px;
border: 1px solid #747474;
width: 95%;
padding-top: 0px;
padding-bottom: 12px;
overflow: auto;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#Info
{
height: 300px;
float: left;
margin-top: 20px;
margin-left: 20px;
padding: 10px;
clear: both;
background: silver;
}
#Main
{
float: left;
margin-top: 30px;
margin-right: 20px;
width: 76%;
height: 300px;
margin-left: 20px;
background: #444444;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
<div id="Teams">
<div id="Info">
<img id="pImage" src="">
<div id="pInfo">
<a class="param">Текст:</a><a class="information" id="Status">Текст</a><br>
<a class="param">Текст:</a><a class="information" id="Mesage">0</a><br>
<a class="param">Текст:</a><a class="information" id="Warning">0</a><br>
<a class="param">Текст:</a><a class="information" id="Score">0</a><br>
<a class="param">Текст:</a><a class="information" id="Activ">Текст</a>
</div>
</div>
<div id="Main">
</div>
<!--
<div class="Razd" id="NULL_RAZD">
<a class="textRazd">Главная</a>
</div>
<div class="Team" id="NULL_TEAM">
<div style="float: left; margin: 10px; width: 15px; height: 15px; background: #828282;"></div>
<a class="textRazd">Текст</a>
</div>-->
</div>Може десь є приклад як зробити один div справа а другий слева и щоб один був маленький (той що лiвий) а той що правий вiд лiвого з отступом N до правого з отступом N.
От як тут:
Там де фотка то лiвий div маленький а там де правий то вiн великий але вiд лiвого div до прового краю родителя.
Поможiть плиз
