سلام دوستان
یه مشکل ساده برام پیش اومده اگه میشه کمک کنید
من 2 تا div تو صفحه دارم که میخوام با css کاری کنم که دیو اولی 35% و دیو دومی 65% صفحه را بگیرد یعنی یه صفحه به دو قسمت تقسیم شود ولی نمیتونم وقتی صفحه را اجرا میکنم دیو دومی در یه ردیف پایینتر قرار میگیره
که من نمیخوام اینطوری بشه میخام هر دو دیو در یک راستا باشه فقط صفحه را به 2 قسمت تقسیم کنه
اینم کد html
, css
کد 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" />

<title>d</title>
<style type="text/css">
#profile
{margin-top:30px;
width:35%;
background-color:#0F0;
margin-left:0px;

}
#chat
{margin-top:30px;
width:65%;
background-color:#000099;
margin-right:0px;
margin-left:35%;
}

</style>
</head>

<body>

<div id="profile">
div1
</div>
<div id="chat">
div2
</div>


</body>
</html>