Не излизат менютата на 1 ред

S

sianbg2

Registered
Проблема е,че main не излиза на един ред с left.

Това ми е css

Код: 
html, body {background: url(../img/bg.png) repeat; font: 15px arial; color: #000; height:100%; margin: -1px 0 0 -1px}

#kazan {background: url(../img/nav.png) repeat-y; width: 780px; margin: 0 auto; margin-top: 20px; padding: 3px 3px 3px 2px;}

#header {background: url(../img/header.gif) no-repeat; width:780px; height: 190px;}

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

#contleft {width: 220px;}

#left {background: url(../img/menu.png) repeat-x; width: 220px; height:30px; margin-top: 20px; font-weight: bold; text-align:center; padding-top: 6px;}

#mainleft {width: 220px; background-color: #fff;}

#main {background: url(../img/menu.png) repeat-x; float: left; width: 550px; height: 30px; font-weight: bold; text-align:center; padding-top: 6px;}

А това 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 type="text/css" rel="Stylesheet" href="css/sianbg.css" media="screen" />
</head>
<body>
<div id="kazan">
	<div id="header">
	</div>
		<div id="contleft">
			<div id="left">Меню</div>
			<div id="mainleft">
		2009-02-10: As part of ensuring the Web is available to all people on any device, W3C published a new standard today to enable interactions beyond the familiar keyboard and mouse. EMMA, the EMMA: Extensible MultiModal Annotation Markup Language, promotes the development of rich Web applications that can be adapted to more input modes (such as handwriting, natural language, and gestures) and output modes (such as synthesized speech) at lower cost. The document, published by the Multimodal Interaction Working Group, is part of a set of specifications for multimodal systems, and provides details of an XML markup language for containing and annotating the interpretation of user input. Read the press release and testimonials, and learn more about the Multimodal Interaction Activity. (Permalink)
		
			</div>
						<div id="left">Меню</div>
			<div id="mainleft">
		2009-02-10: As part of ensuring the Web is available to all people on any device, W3C published a new standard today to enable interactions beyond the familiar keyboard and mouse. EMMA, the EMMA: Extensible MultiModal Annotation Markup Language, promotes the development of rich Web applications that can be adapted to more input modes (such as handwriting, natural language, and gestures) and output modes (such as synthesized speech) at lower cost. The document, published by the Multimodal Interaction Working Group, is part of a set of specifications for multimodal systems, and provides details of an XML markup language for containing and annotating the interpretation of user input. Read the press release and testimonials, and learn more about the Multimodal Interaction Activity. (Permalink)
		
			</div>
		</div>
	<div id="clear"> </div>
		<div id="main">Новини</div>
	<div id="clear"> </div>



</div>
<br>
</body>
</html>
 
Имаш доста грешки в CSS-a. Не можеш да задаваш ID на 2 елемента. ID e уникален таг само за 1 елемент. Изпoлзвай class за няколко елементи в една страница.

Код: 
html, body {background: url(../img/bg.png) repeat; font: 15px arial; color: .000; height: 100%; margin: -1px 0 0 -1px} 

#kazan {background: url(../img/nav.png) repeat-y; width: 780px; margin: 20px auto 0 auto; padding: 3px 3px 3px 2px;} 

#header {background: url(../img/header.gif) no-repeat; width:780px; height: 190px;} 

#contleft {width: 220px; float: left;} 

.left {background: url(../img/menu.png) repeat-x; width: 220px; height:30px; margin-top: 20px; font-weight: bold; text-align:center; padding-top: 6px;} 

.mainleft {width: 220px; background-color: .fff;} 

.main {background: url(../img/menu.png) repeat-x; width: 550px; height: 30px; font-weight: bold; text-align: center; padding-top: 6px;}

Код: 
<!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 type="text/css" rel="Stylesheet" href="style.css" media="screen" /> 
</head> 
<body> 
<div id="kazan"> 
   <div id="header"> 
   </div> 
      <div id="contleft"> 
          
         <div class="mainleft"> 
		 <div class="left">Меню</div>
      2009-02-10: As part of ensuring the Web is available to all people on any device, W3C published a new standard today to enable interactions beyond the familiar keyboard and mouse. EMMA, the EMMA: Extensible MultiModal Annotation Markup Language, promotes the development of rich Web applications that can be adapted to more input modes (such as handwriting, natural language, and gestures) and output modes (such as synthesized speech) at lower cost. The document, published by the Multimodal Interaction Working Group, is part of a set of specifications for multimodal systems, and provclasses details of an XML markup language for containing and annotating the interpretation of user input. Read the press release and testimonials, and learn more about the Multimodal Interaction Activity. (Permalink) 
         </div> 
          
         <div class="mainleft"> 
		 <div class="left">Меню</div>
      2009-02-10: As part of ensuring the Web is available to all people on any device, W3C published a new standard today to enable interactions beyond the familiar keyboard and mouse. EMMA, the EMMA: Extensible MultiModal Annotation Markup Language, promotes the development of rich Web applications that can be adapted to more input modes (such as handwriting, natural language, and gestures) and output modes (such as synthesized speech) at lower cost. The document, published by the Multimodal Interaction Working Group, is part of a set of specifications for multimodal systems, and provclasses details of an XML markup language for containing and annotating the interpretation of user input. Read the press release and testimonials, and learn more about the Multimodal Interaction Activity. (Permalink) 
         </div> 
      </div> 
	<div class="main">Новини</div> 
</div> 
<br> <br> <br> <br> <br> <br> <br> <br> 
</body> 
</html>

Малко ти промених наредбата на елементите в html-то, за да ти улесня стилизирането.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе