защо така се разделят?

A

aquafresh

Registered
<!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>
<style>
body {color:#FFFFFF;}
</style>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<meta name="keywords" content="CS, CS-Bulgaria" />
<link type="text/css" rel="Stylesheet" href="style.css" media="screen" />
<link href="images/favicon.ico" rel="shortcut icon" type="images/x-icon" />

</head>
<body>

<div id="kazan">
<div id="header"></div>
<div id="underheader"></div>
<div id="loginline">
<center>loginform</center>
</div>
<div id="underlogin"></div>
<div id="cont"></div>
<div id="conttop">Меню</div>
<div id="contmain">
<br />dasdasdasa
<br />dasdasdasa
<br />dasdasdasa
<br />dasdasdasa
<br />dasdasdasa
<br />dasdasdasa
<br />dasdasdasa
</div>
<div id="boxend"></div>
<div id="conttop3">Меню</div>
<div id="contmain2">
dd<br />
dd<br />
dd<br />
dd<br />
dd<br />
dd<br />

</div>
<div id="boxend"></div>
<br />

<div id="box2menu"><center>Реклама</center></div>
<div id="boxreklama">
<a href="http://cs-bulgaria.info" target=_blank>
<img src="http://www.cs-bulgaria.info/banners/csbg2.jpg" border="0" title="Counter-Strike Servers" /></a>
<br />
<br />

</div><div id="linereklama"> </div>
<div id="headbox">Сървъри</div>
<div id="textbox">
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>

</div>
<div id="undertextbox"></div>
<div id="conttop2">Меню</div>
<div id="textbox2">
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>
dasdasdasd<br/>

</div>
<div id="undertextbox2"></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />



</div>
</div>
</body>
</html>
Увеличете...

колкото повече добавям.. толкова повече другите 2 бокса отиват по-надолу ;( как да го оправя?
 
max-height мисля че е имал предвид ... и пробвай с
overflow:auto - ще ти изкарва скрол когато има повече инфо вътре :wink:
 
оф не мога да разбера... ето ви кода..моляви оправете го :(

Код: 
html, body {height: 100% background: #fff; color: #fff; font: 15px arial; margin: 0px; padding: 0px; background-image: url(images/bg.png);}

#kazan {background: url(images/bg2.gif) repeat-y; width: 895px; margin: 0 auto; border: 3px solid black;}

#header {background: url(images/header.gif) no-repeat; width: 895px; height: 118px;} 

#underheader {background: url(images/underheader.gif) no-repeat; width: 895px; height: 2px;} 

#loginline {background: url(images/loginline.gif) no-repeat; width: 895px; height: 36px; padding: 7px 0 0 5px;}

#underlogin {background: url(images/underlogin.gif) no-repeat; width: 895px; height: 10px;}

#cont {width: 118px;}

#conttop {background: url(images/boxmenu.gif) no-repeat; height: 30px; padding: 6px 0 0 80px; margin: 0 0 0 -3px;}

#contmain {background: url(images/tbox.gif) repeat-y; margin: -6px 0 0 4px; padding: 0 0 0 6px;}

#boxend  {background: url(images/boxend.gif) no-repeat; margin: 0 0 0 4px; width: 195px; height: 1px;}

#box2menu {background: url(images/box2menu.gif) no-repeat; width: 505px; height: 30px; padding: 6px 0 0 2px; margin: -235px 0 0 193px;}

#boxreklama {background: url(images/boxreklama.gif) repeat-y; padding: 10px 0 0 20px; margin: -6px 0 0 193px;}

#linereklama {background: url(images/linereklama.gif) no-repeat; height: 1px; margin: -1px 0 0 197px;}

#headbox {background: url(images/headbox.gif) no-repeat; width: 193px; height: 30px; padding: 6px 0 0 65px; margin: -117px 0 0 698px;}

#textbox {background: url(images/textbox.gif) repeat-y; padding: 6px 0 0 12px; margin: -6px 0 0 698px;}

#undertextbox  {background: url(images/undertextbox.gif) no-repeat; margin: 0 0 0 703px; width: 188px; height: 1px;}

#conttop2 {background: url(images/headbox.gif) no-repeat; width: 195px; height: 30px; padding: 6px 0 0 80px; margin: 4px 0 0 698px;}

#textbox2 {background: url(images/textbox.gif) repeat-y; padding: 6px 0 0 12px; margin: -6px 0 0 698px;}

#undertextbox2  {background: url(images/undertextbox.gif) no-repeat; margin: 0 0 0 703px; width: 188px; height: 1px;}

#conttop3 {background: url(images/boxmenu.gif) no-repeat; height: 30px; padding: 6px 0 0 80px; margin: 4px 0 0 -3px;}

#contmain2 {background: url(images/tbox.gif) repeat-y; margin: -6px 0 0 4px; padding: 0 0 0 6px;}

#undertextbox3  {background: url(images/undertextbox.gif) no-repeat; margin: -217px 0 0 4px; width: 188px; height: 1px;}

ПС: не искам скрол в бокса.. той сам се разтяга
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе