سوال: مشکلی در div [بایگانی]

mosi2007

پنج شنبه 27 بهمن 1390, 15:02 عصر

سلام دوستان
یه مشکل ساده برام پیش اومده اگه میشه کمک کنید
من 2 تا div تو صفحه دارم که میخوام با css کاری کنم که دیو اولی 35% و دیو دومی 65% صفحه را بگیرد یعنی یه صفحه به دو قسمت تقسیم شود ولی نمیتونم وقتی صفحه را اجرا میکنم دیو دومی در یه ردیف پایینتر قرار میگیره
که من نمیخوام اینطوری بشه میخام هر دو دیو در یک راستا باشه فقط صفحه را به 2 قسمت تقسیم کنه
اینم کد html
, css

<!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>

yones_safari

پنج شنبه 27 بهمن 1390, 15:12 عصر

خدمت شما.

<!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:30px 0 0 0;
width:35%;
background-color:#0F0;
float:left;

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

</style>
</head>

<body>

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

</body>
</html>
موفق باشید.

Saber Mogaddas

پنج شنبه 27 بهمن 1390, 15:17 عصر

سلام
از margin استفاده کردین

margin-left:35%;

اینو حذف کنید و به دیو هاتون float بدین..مشکل حل میشه..
موفق باشی..

mosi2007

پنج شنبه 27 بهمن 1390, 18:28 عصر

حالا به یه مشکل دیگه ای خوردم با کوچک و بزرگ کردن صفحه نظم دیو ها هم به هم میخورد یعنی صفحه همیشه بدون اسکرول چپ وراست و بالا و پایین است نمیشه با یه دستوری هر کدوم از از دیو ها را سر جاش میخکوب کرد و صفحه در صورت تغییرrestore down دارای اسکرول شود و محتویات دیو ها به هم نخورد؟

yones_safari

پنج شنبه 27 بهمن 1390, 18:53 عصر

اونوقت باید به جای دادن مقادیر با % باید از اعداد ثابت استفاده کنی.در ضمن باید هر دو div رو داخل یه div دیگه بزاری تا با تغییر اندازه div به پایین نپره.

<!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:30px 0 0 0;
width:200px;
background-color:#0F0;
float:left;

}
#chat
{margin:30px 0 0 0;
width:800px;
background-color:#000099;
float:left;
}
.content{
width: 1000px;
overflow: auto;
*overflow: visible;
}

</style>
</head>

<body>
<div class="content">
<div id="profile">
div1
</div>
<div id="chat">
div2
</div>
</div>

</body>
</html>

mosi2007

پنج شنبه 27 بهمن 1390, 19:42 عصر

اونوقت باید به جای دادن مقادیر با % باید از اعداد ثابت استفاده کنی.در ضمن باید هر دو div رو داخل یه div دیگه بزاری تا با تغییر اندازه div به پایین نپره.

<!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:30px 0 0 0;
width:200px;
background-color:#0F0;
float:left;

}
#chat
{margin:30px 0 0 0;
width:800px;
background-color:#000099;
float:left;
}
.content{
width: 1000px;
overflow: auto;
*overflow: visible;
}

</style>
</head>

<body>
<div class="content">
<div id="profile">
div1
</div>
<div id="chat">
div2
</div>
</div>

</body>
</html>
خوب ممکنه 2 نفر با 2 رزولیشن کاری بیان تو سایت من بعد اینجوری که خیلی زشت میشه صفحه شاید 2 تا اندازه ماله یکی صفحه کوچیک و ماله یکی صفحه دارای اسکرول بشه اینو چیکار کنم؟

yones_safari

پنج شنبه 27 بهمن 1390, 21:55 عصر

بهترین راهی که اکثر سایتها ازش استفاده میکنن اینه که کل محتویات سایت رو در داخل یک div قرار میدن و با استفاده از کد زیر اونو میارن وسط صفحه:

margin: 0px auto;
در ضمن این div نباید float اش رو مقدار دهی کنی.
موفق باشید.

Saber Mogaddas

جمعه 28 بهمن 1390, 17:24 عصر

سلام
خوب باید از % تو طول و عرض استفاده نکنی..اگه هم استفاده میکنی باید کلا تو همه دیوها از درصد استفاده کنی..
موفق باشی..