مشکلی در div

**mosi2007** · پنج شنبه 27 بهمن 1390, 16:02 عصر

سلام دوستان
یه مشکل ساده برام پیش اومده اگه میشه کمک کنید
من 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>

**yones_safari** · پنج شنبه 27 بهمن 1390, 16: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, 16:17 عصر

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



margin-left:35%;

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

**mosi2007** · پنج شنبه 27 بهمن 1390, 19:28 عصر

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

**yones_safari** · پنج شنبه 27 بهمن 1390, 19: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, 20:42 عصر

نوشته شده توسط yones_safari

اونوقت باید به جای دادن مقادیر با % باید از اعداد ثابت استفاده کنی.در ضمن باید هر دو 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, 22:55 عصر

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

margin: 0px auto;

در ضمن این div نباید float اش رو مقدار دهی کنی.
موفق باشید.

**Saber Mogaddas** · جمعه 28 بهمن 1390, 18:24 عصر

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

نام تاپیک: مشکلی در div

ابزار های تاپیک

نمایش

مشکلی در div

نقل قول: مشکلی در div

نقل قول: مشکلی در div

نقل قول: مشکلی در div

نقل قول: مشکلی در div

نقل قول: مشکلی در div

نقل قول: مشکلی در div

نقل قول: مشکلی در div

قوانین ایجاد تاپیک در تالار