Проблем с кода

[JoKs]

Къде ми е грешката, че се получава това



(вижте от ляво как вторият ред и прилепнал към първият)

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>
      <title>Кодиране на дизайн!</title>
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	  <link href="style.css" rel="stylesheet" type="text/css" />
      </head>
   
   <body>
      
   <div id="main">
         
		 <div id="header"></div>
         
		 <div id="left">
		 
		 <div id="left_gore_border">
		 <div id="left_gore">
		 <div id="left_title">Меню</div>
		 </div>
		 <div id="left_title">Текст<br>Текст<br>Текст<br>Текст</div>
		 
		 
		 <div id="left_gore_border">
		 <div id="left_gore">
		 <div id="left_title">Меню</div>
		 </div>
		 <div id="left_title">Текст<br>Текст<br>Текст<br>Текст</div></div>
		
		
		
		
		 </div></div>
         
		 
		 
		 
		 
		 <div id="middle">
		 
		 <div id="middle_gore_border">
		 <div id="middle_gore">
		 <div id="left_title">Меню</div></div>
		 <div id="left_title">Текст
		 <br>Текст<br>Текст<br>Текст</div></div>
		 
		 
		 <div id="middle_gore_border">
		 <div id="middle_gore">
		 <div id="left_title">Меню</div></div>
		 <div id="left_title">Текст
		 <br>Текст<br>Текст<br>Текст</div></div>
		 
		 
		 
		 </div>
		 
		 
         
         
		 
		 
		 
		 <div id="clear"></div>
         <div id="footer">
		 <center>
		 <div id="left_title">
		 Всички права запазени | Дизайн и код: JoKs
		 </div>
         </center>
		 </div>
      </div>
   
   
   </body>
</html>

и CSS -а

body {
margin: 60; 
padding : 0;
}

#main {
width: 870px; 
margin: 0 auto;
}

#header {
background: url(header.jpg) ;
width: 864px; 
height: 148px;
}

#left {
width: 247px; 
height: auto; 
margin-top: 10px; 
float: left;
}
         
#middle {
width: 600px; 
height: auto; 
margin-top: 10px; 
margin-left: 15px; 
float: left;
}

#clear {
clear:left;
}

#footer {
border: 1px solid #A8BAC8;
background-color: #FAFEFF;
width: 864px; 
height: auto; 
margin-top: 20px;
}

#left_gore_border {
border: 1px solid #A8BAC8;
background-color: #FAFEFF;
width: 247px;
height: auto;
margin-top: 10px;
}

#left_gore {
background: url(left.jpg) no-repeat;
width: 247px;
height: 31px;
}

#middle_gore_border {
border: 1px solid #A8BAC8;
background-color: #FAFEFF;
width: 600px;
height: auto;
margin-top: 10px;
}

#middle_gore {
background: url(middle.jpg) no-repeat;
width: 600px;
height: 31px;
}

#left_title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 7px;
}

 

[shterev]

body {
margin: 60px;



я махни този маргин на тоя left да видим какво ще стане?

 

[JoKs]

пробвах и двете, но не се оправя

 

[shterev]

Проблемът ти е грешка в хтмл-то.

<div id="left">

<div id="left_gore_border">
<div id="left_gore">
<div id="left_title">Меню</div>
</div>
<div id="left_title">Текст<br>Текст<br>Текст<br>Текст</div>



</div>
<div id="left_gore_border">
<div id="left_gore">
<div id="left_title">Меню</div>
</div>
<div id="left_title">Текст<br>Текст<br>Текст<br>Текст</div>
</div>
</div>


Ето така трябва да е , а колкото до маргина на бодито , там трябва да има пиксели , ако искаш да работи някаде.

 

[JoKs]

Вие дадохте една точка за support на shterev
Благодаря много

 

[shterev]

:?: