div-a не се разтяга

S

sianbg_s

Registered
Не мога да разбера защо div-a kazan не се разтяга, а стои все едно нищо няма в него ?
Ето ми кодовете
CSS
Код: 
html, body {background: #31302c; padding: 0; margin: 0; height: 100%; }

#gore {width: 780px; margin: 0 auto; }

#header {background: url(../img/header.png) no-repeat; height: 104px;}

#menu {background: url(../img/menu.png) no-repeat; height: 50px;}

#menu a{color: #686868; text-decoration: none;}

#menu  a:hover {color: #d8b809;}

#menu ul {margin: 0; padding: 0; list-style-type: none; text-align: center; padding-top: 14px;}

#menu ul li {margin: 0; list-style-type: none; display: inline; margin-right: 10px; border-left: 1px #b4b4b4 solid; padding-left: 10px;}

#kazan {background: url(../img/kazan.png) repeat-y; width: 761px; margin: 0 auto; border: 1px red solid; }

#left {width: 540px; margin-left: 10px; padding-left: 10px; padding-right: 10px; float: left;}

#right {float: right; width: 170px; border: 1px red solid;}

#clear {clear: both; line-height: 0px;}

HTML

Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>Kn0xViLl3</title>
 <link rel="stylesheet" type="text/css" href="scripts/style.css" />
</head>
<body>
<div id="gore">
	<div id="header"> </div>
	<div id="menu">
	<ul>
		<li><a href="index.html"><font color="#ac0000">Начало</font></a></li>
		<li><a href="for-me.html">За мен</a></li>
		<li><a href="portfolio.html">Портфолио</a></li>
		<li><a href="work.html">Работа</a></li>
		<li><a href="contact.html">За връзка</a></li>
	</ul>
	</div>
</div>
<br>
<div id="kazan">
	<div id="left">

<center><b><font size="5">ЗДРАВЕЙТЕ</font></b></center><br>
Казвам се Христо Петров Петров. Роден съм в София, но живея в град Ямбол. През свободното си време излизам с приятели, занимавам се с Фотошоп професионално!
<br>
<hr>

<center><b><font size="5">Какво обичам да слушам ?</font></b></center><br>

Аз обичам да слушам всякаква музика... ! Най-много ми харесва 
техно и рап. Когато се съберем с приятели слушам всякаква музика.
<br>
<br>
<br>
</div>
<div id="right">
Text</div>
</div>
</body>
</html>
 
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>Kn0xViLl3</title>
 <link rel="stylesheet" type="text/css" href="scripts/style.css" />
</head>
<body>
<div id="gore">
   <div id="header"> </div>
   <div id="menu">
   <ul>
      <li><a href="index.html"><font color="#ac0000">Начало</font></a></li>
      <li><a href="for-me.html">За мен</a></li>
      <li><a href="portfolio.html">Портфолио</a></li>
      <li><a href="work.html">Работа</a></li>
      <li><a href="contact.html">За връзка</a></li>
   </ul>
   </div>
</div>
<br>
<div id="kazan">
   <div id="left">

<center><b><font size="5">ЗДРАВЕЙТЕ</font></b></center><br>
Казвам се Христо Петров Петров. Роден съм в София, но живея в град Ямбол. През свободното си време излизам с приятели, занимавам се с Фотошоп професионално!
<br>
<hr>

<center><b><font size="5">Какво обичам да слушам ?</font></b></center><br>

Аз обичам да слушам всякаква музика... ! Най-много ми харесва
техно и рап. Когато се съберем с приятели слушам всякаква музика.
<br>
<br>
<br>
</div>
<div id="right">
Text</div>
<div id="clear"></div>
</div>
</body>
</html>
 
аз имам същия проблем например направил съм един общ див в койта седи целия сайт и когато му дам бордер:1пх #000000 солид; и виждам, че изобщо не се разтяга седи една чертичка горе.Как мога да го оправя
 
<div id="kazan">
<div id="clear"></div>
</div>
Увеличете...

Еми ако го сложиш тоя див , който дефакто ти изчиства флоатинга , моеже да има резултат. Тоя clear трябва да е преди затварящия таk на kazan!

п.с. @Maistorcheto същото се отнася и за теб.
 
при мен нещо не се получава ето ми 2-то кода и снимка
бялата линия е #konteiner който искам да се разширява
kofti.jpg


CSS
Код: 
body {
background:#00FF00;
}
#konteiner {
width: 1000px;
margin-left:10%;
background:#00FF99;
border:10px #FFFFFF solid;
}
#clear: both;
line-height: 0px;
}
.header {
width:988px;
border:1px #000000 solid;
float:left;
padding-left:5px;
padding-right:5px;
margin-bottom:2px;
}
.left {
width:200px;
float:left;
border:1px #000000 solid;
}
.center {
width:592px;
float:left;
border:1px #000000 solid;
margin-left:1px;
}
.right {
width:200px;
float:left;
border:1px #000000 solid;
margin-left:1px;
}
.bottom {
width:982px;
border:3px #000000 solid;
float:left;
padding-left:5px;
padding-right:5px;
margin-top:2px;
}


HTML
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<? include('head.txt'); ?>
</head>

<body>
<div id="konteiner">
<div id="clear">
<div class="header">
<? include('header.php'); ?>
</div>

<div class="left">
  <p>
    <? include('left.php'); ?>
  </p>
  </div>

<div class="center">
<? include('center.php'); ?>
</div>

<div class="right">
<? include('right.php'); ?>
</div>

<div class="bottom">
<? include('bottom.php'); ?>
</div>
</div>
</div>
</body>
</html>
 
@Maistorcheto Значи махни всичко от дива #clear , a дива #clear трябва да ти е празен и да го зложиш преди затварящия таг на #konteiner

ето мое демо:

<div id="center">
<div id="left">3453535</div>
<div id="right">343245</div>
<div class="clear"></div>
<div>


#center{
widht:310px; margin:0 auto; border: solid 1px red;
}

#left{ float:left: width:150px;}
#right{ float:left: width:150px;}

.clear{ clear:both; font-size:0px; height:0px;}
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе