با تغییر رزولیشن سایت به هم میریزد

zhina87 · Apr 30, 2012

سلام من وقتی رزولیشن کامپیوتر رو عوض میکنم سایت به هم میریزد
من این سایتی که درست کردم فقط باید رزولین کامپیوتر 800 در 600 باشد
اگر رزولیشن رو 1024 با بالا کنم سایت به هم میریزد
حالا فکر کنید رزولیشن کامپوتر یک بازدید کننده اگه فرق داشته باشه سایت من رو در هم و برهم میبیند
اگه میشه به من بگید چه کار کنم که همچین مشکلی پیش نییاد
من با dremwaver سایت رو طراحی کردم
این عکس سایت من وقتی رزولیشن درست است

و این هم عکس سایت وقتی رزولیشن عوض میشود

hdnsoft · Apr 30, 2012

لطفا آدرس سایتتون رو قرار بدین

zhina87 · Apr 30, 2012

اینم اسم سایت
http://www.dgsite.ir/

shnoit · Apr 30, 2012

دوست عزیز کافیه فایل style.css رو باز کنین.

کد:

#right-content{
	float:right;
	clear:none;
	margin-top: 140px;
}


#box-middle{
	background:url(images/box-bg.png) top left repeat-y;
	widows:631px;
}

شما اینجا مقداری قرار ندادین که div شما طولش چقد باشه ؟
مقدار مورد نظر خودتونو جایگزین کنین مشکل برطرف میشه.

zhina87 · Apr 30, 2012

من مقدار قرار ندادم
با موس عرض و طولش رو ایجاد کردم و ریسایز کردم
مقدار ندادم

Thanks a lot

zhina87 · May 1, 2012

shnoit گفت:
دوست عزیز کافیه فایل style.css رو باز کنین.

کد:

#right-content{ float:right; clear:none; margin-top: 140px; } #box-middle{ background:url(images/box-bg.png) top left repeat-y; widows:631px; }

شما اینجا مقداری قرار ندادین که div شما طولش چقد باشه ؟
مقدار مورد نظر خودتونو جایگزین کنین مشکل برطرف میشه.

دوست عزیز این چیز ها که گفتین دقیقا همون کد های خودش هست که من نوشتم

بگین چی بزنم تا در هر رزولوشنی به هم ریختگی ایجاد نشه

این هم کد یکی از div هام هست :

این هم کد styl.css

#right-content{
float:right;
clear:none;
margin-top: 140px;
}

#box-middle{
background:url(images/box-bg.png) top left repeat-y;
widows:631px;
}

websaz2012 · May 28, 2012

zhina87 گفت:
دوست عزیز این چیز ها که گفتین دقیقا همون کد های خودش هست که من نوشتم

بگین چی بزنم تا در هر رزولوشنی به هم ریختگی ایجاد نشه

این هم کد یکی از div هام هست :

<div id="apDiv9"><img src="images/michael-jackson-thriller-movie.jpg" width="180" height="200" /></div>

این هم کد styl.css

#right-content{
float:right;
clear:none;
margin-top: 140px;
}

#box-middle{
background:url(images/box-bg.png) top left repeat-y;
widows:631px;
}

خوب ذوست عریر مشکلتون اینجاست که شما تواستایلتون یه چیزی را مشخص نکردین
با مثال بالا میگم

کد:

#right-content{
    float:right;
    clear:none;
    margin: 140px auto 0px;
}

شما با خاصییت

HTML:

margin: 0px auto;

میتوانید تمام دیوها را وسط چین کنید

websaz2012 · May 29, 2012

داداش من یه سری به سایتتون زدم تا مشکلتون زا پیدا کنم و همینطور هم شد من مشکلتون را حل کردم ایراد تو دوتا کلاسی بود که من انها
را تصحیح کردم که این دوتا کلاس را باکلاسهای خودتون عوض کنید مشکلتون ان شاالله حل میشه.

HTML:

.center .post1 {
    padding: 0 0 5px;
    width: 364px;
    float: left;
    border-left: 1px solid #78674a;
    border-right: 1px solid #78674a;
    border-bottom: 1px solid #78674a;
    margin: 10px 0px 0px 10px;
    }
.center .post2 {
    padding: 0 0 5px;
    width: 364px;
    float: right;
    border-left: 1px solid #78674a;
    border-right: 1px solid #78674a;
    border-bottom: 1px solid #78674a;
    margin: 10px 0px 0px;
}

اگه مشکلت حل شد یه دعای خیر هم واسه ما بکن اگه بار هم مشکلی داشتی یه سری به ما بزن