Проблема с максимальным расширением дива в диве среди дивов

Aleks_P · October 29, 2007

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title></title>
<style type="text/css">
div {
	border: 1px solid #000000; 
	padding: 5px;
}
</style>
</head>
<body>

<div style="width: 500px;">
  <div style="float: right;">Right</div>
  <div style="float: right; width: 80%;">Center</div>
  <div style="">Left</div>
</div>

</body>
</html>

Возможно ли сделать так, чтобы Center автоматически расширялся до максимально возможного размера, но без нарушения структуры? Если поставить 100%, то все разъезжается.

maddogrts · October 29, 2007

Ты хочешь центр резиновым сделать ? А лево и право фикированными ?

Aleks_P · October 29, 2007

Именно

klierik · October 29, 2007

css:

.left {float:left; width:100px;}
.right {float:right; width:100px;}
.center {margin:0 100px 0;}
.clear {clear:both;}

html:

<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
<div class="clear"></div>

ps: тема уже обсуждалась. юзайте поиск а так же загляните в статьи

да бы глубже разобраться с данным вопросом.

так же на перед рекомендую почитать про 3х пиксельный баг в IE6

rmaksim · November 18, 2007

klierik - у этого способа есть недостаток - если левая колонка длинная, а в центральной приходится применять clear - то все что ниже дива с сlear - будет ниже левой колонки

<div class="left">left1
left2
left3
left4</div>
<div class="right">right1
right2</div>
<div class="center">
 center1
 <div class="clear"></div>
 center2 - эта строка должна быть второй, а будет ниже 4-й
</div>

sergiyko911 · December 28, 2007

решение очень простое на самом деле - поменять местами div и с умом их флоатить. например вот так

 <div style="float: right;">Right</div>
 <div style="float:left">Left</div>
 <div style="">Center</div>

sergiyko911 · December 28, 2007

а вообще есть спецификация css. она правда написана достаточно сухо. но я думаю, стоит потратить 2 дня для того, чтобы ее внимательно прочитать. особенно раздел о позиционировании, таблицах, формах и наследовании)

многое после этого проясняется

вот тут есть на русском языке:

http://www.internet-technologies.ru/specifications.html

Sign In

Проблема с максимальным расширением дива в диве среди дивов

Question

Aleks_P

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

maddogrts

Link to comment

Share on other sites

Aleks_P

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

rmaksim

Link to comment

Share on other sites

sergiyko911

Link to comment

Share on other sites

sergiyko911

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information