Позициониране на елементи с CSS

[ZooM]

Бях пуснал за сглобяване на сайт с CSS и ми бе даден линк с видео уроци ,който наистина ,много ми помогна,но нещо не мога да се оправя и просто нз ,защо. Искам картинките menu и news да са на една височина.С position:absolute не върви ,защото се пре****а дизайна на различните резолюции.Въртя ги div-овете не помага.Просто нз какво да направя.

index.html

	<body>
<center>	
    
	<div id="all">

  <div id="menu">
  </div>	

<div id="news">    </div>
	
	
  </div>
</center>
</body>
</html>

css файла

html, body {width=100%; background-color:#000000;}

#all {background:url(img/bac.gif) no-repeat; width:1024px; height:762px;margin:0 auto; background-position:center;border:1px solid red;}

#menu {background:url(img/menu.png) no-repeat; width:240px; height:566px; margin:75px 650px 0 0; border:1px solid red;}

#news {background:url(img/news.png) no-repeat; width:604px; height:548px; margin:94px 0 0px 775px; border:1px solid red;}

Мерси предварително и дано този път заглавието да съм го написал по-описателно !

 

[oveRLuckEd]

Сложи им еднакъв отстъп и ще са на едно ниво, не съм правил файл да преглеждам как изглежда дизайна, но например ако искаш отстъп отгоре им сложи top: 10px и така нататък

 

[teroristd]

пробвай така на двата дива им слагаш margin:0; float:left;

 

[teroristd]

и отделно ако искаш да мръднеш втория див му задаваш margin-left:20px; демек трябва да са ето така и всичко ще е наред.

<div id="menu" style="background:#ccc; width:240px; height:566px; margin:0; float:left; border:1px solid red;" ></div>
<div id="news" style="background:#fff; width:604px; height:548px; margin:0; float:left; margin-left:20px; border:1px solid red;" ></div>

 

[ZooM]

Мерси много ! имаш точка от мен !