Три дива верстки не слушают
Владмир Габдуллин
Народ, пытаюсь div class="other_capabilities" расположить слева от div class="video_window" - не выходит!!!!!!! вроде "три сосны", а не получается, я не новичок в верстке, но не пойму в чем дело. Налепил кучу обверток, скорее от безисходности эти эксперементы..
Почему то div class="video_window" имеет margin-right, который заполняет все оставшееся пространство этого дива и не дает div class="other_capabilities" стать на это место.. Помогите разобраться!
<div class="all-articles">
<div class="inside_box">
<h1 class="textAlign padding_top10">Текст текст</h1>
<div class="clear"></div>
<div class="uu">
<div class="video_window">
<video id="video" controls>You do not support the Video element</video>
<button id="existing">Начать</button>
</div>
<div class="other_capabilities">
<div>
<form class="textAlign" method="post">
<input type="text" name="search" placeholder="Поиск" class="">
<div class="button_search_mini" type="submit"><i class="icon-search"></i></div>
</form>
</div>
<div>Код код</div>
<div>Код код</div>
</div>
</div>
</div>
</div>
css:
#video{width:300px;height:300px;display:block;}
#existing:hover{background:#008EC1;}
h1{margin:0;border:1px solid red;}
.inside_box{border:1px solid #ccc; width:100%;}
.uu{width:100%;}
.all-articles .inside_box .video_window{width:50%;border-right:1px solid #ccc;margin-right:inherit;}
.all-articles .inside_box .other_capabilities{width:28%;float:left;border:1px solid #ccc;}
.all-articles .inside_box .other_capabilities input{width:inherit;}
Владмир Габдуллин больше 1 года назадСпасибо 0
0 чел.