Высота блока

-O-J-A- · July 28, 2010

Такое дело, делаю два флоатовых блока, первый с резиновой высотой, второй тоже, и нужно чтобы второй блок был на постой с высотой 50% от первого

Edited July 28, 2010 by -O-J-A-

stars · July 28, 2010

<div style="width:900px;height:100%;">
	<div style="width:300px;height:100%;float:left;"></div>
	<div style="width:600px;height:50%;float:left;"></div>
</div>

Что подразумевается под "на постой" )))

Просто в художественной литературе это слово используется в слово сочетаниях "ставить на постой" "помещение для постоя" но в данном контексте чето непонятно )))

Edited July 28, 2010 by stars

-O-J-A- · July 28, 2010

на постой это постоянно

и что то оно не катит...

вот код

#back1{
background:url('back.png');
width:442px;
}

#back1_v{
padding-left:13px;
}

#niz{
background:url('niz.png');
width:442px;
height:11px;
margin-top:-1px;
}

#verh{
background:url('verh.png');
width:442px;
height:10px;
}

#back2{
background:url('back2.png');
padding-left:10px;
}

#back2_v{
padding-top:20px;
padding-left:440px;
}

#back3{
}

#back3_v{
padding-top:10px;
padding-left:450px;
}

#left{
float:left;
height:100%;
}

#right{
height:50%;
}

#block{
min-width:450px;
height:100%;
}

.date{
font-size:12px;
color:#717388;
}

.text{
color:#41788d;
}

.title{
color:#007ea7;
font-size:15px;
}


.pre_title{
margin-top:1px;
margin-bottom:5px;
}


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<html>

<head>

<title>TITLE</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<link type="text/css" rel="StyleSheet" href="main.css">

</head>


<body>
<div id="block">


<div id="left">


<div id="verh"></div>
<div id="back1">
<div id="back1_v">
<img src="img.jpg" alt="img">
</div>
</div>
<div id="niz"></div>


</div>


<div id="right">

<div id="back2">

<img src="ugol.png" align="right">


<div id="back2_v">
<div class="date">4 июня 2010</div>


<div class="text">
<div class="pre_title"><a href="#" class="title">Пятый Международный Кубок Владимира Дворковича.</a></div>
За команду России выступают учащиеся Самарской шахматной гостиной.
</div>


</div>
</div>


<div id="back3">
<div id="back3_v">
<div class="date">24 июня 2010</div>


<div class="text">
<div class="pre_title"><a href="#" class="title">Товарищеский матч между шахматистами городов Самара и Тольятти.</a></div>
Положение. Проводится в самарском в шахматном клубе им Л.Полугаевского 11 июля 2010 г.
</div>


</div>
</div>



</div>



</div>
</body>



</html>

высота всеровно выходит динамичная

stars · July 28, 2010

И на что тут смотреть то?

Если вы пытаетесь выравнить

#left{
float:left;
height:100%;
}

#right{
height:50%;
}

То как минимум им надо указать ширину, и #right задать float...

-O-J-A- · July 28, 2010

в том то и дело, если укажу флота, то пливёт правый блок на лево если сжимать окно

stars · July 28, 2010

Он не может "Плыть" на него!!! Это просто не возможно ))) float задает обтекаемость один элемент при такой обтекаемости не могут наплыть друг на друга!!!

Сейчас они у вас находятся друг под другом и высота у них не заданна так как она не задана у родительского элемента...

-O-J-A- · July 28, 2010

нет, они находятса рядом, а если уменьшат экран то под низом....

rus · July 28, 2010

Что бы второй блок занимал 50% от первого, надо его поместить в первый блок и у первого блока указать как у родителя высоту.

Sign In

Высота блока

Question

-O-J-A-

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

stars

Link to comment

Share on other sites

-O-J-A-

Link to comment

Share on other sites

stars

Link to comment

Share on other sites

-O-J-A-

Link to comment

Share on other sites

stars

Link to comment

Share on other sites

-O-J-A-

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information