رفتن به مطلب

یک مشکل در کد html و cs


پست های پیشنهاد شده

سلام

من تو کد نویسی همیشه یک مشکل دارم اونم اینه زمانی که یک باکس درست میکنم و یک باکس دیگه زیرش قرار میدم میاد میفته روی باکس بالایی! و زمانی حل میشه که براش تو استایل height بزنم.ولی من میخوام height به صورت Auto باشه برای باکس ها چون داخلش متن قرار میگیره و معلوم نیست چقدر هست.

ساده تر بگم انگار از position: absolute; استفاده کردم.

برای مثال کد زیر رو مشاهده کنید یک باکس داریم به این صورت :


<div class="center">
<div class="box">
<div class="matn-post">
<span> متن </span>
</div>
</div>
<div class="box">
<div class="matn-post">
<span>2 متن </span>
</div>
</div>
</div>


.center {
margin:0 auto;
width:950px;
}
.matn-post {
background: #fff;
float:right;
width:260px;
padding:10px;
}
.matn-post span {
color:#000;
}

البته کد بالا مثال بود.

حالا اینا میان میفتن رو هم از position هم استفاده نمیکنم.

زیرش کد فوتر هم بزنم فوتر هم میاد میفته روی اینا

در استایل از چه چیزی استفاده کنم که همه عناصری که کد میزنم براشون جدا جدا باشن از هم و روی هم نیفتن.

ممنون

ویرایش شده توسط webmaster
لینک به ارسال

.box ها float:right; دارند که کنار هم بیفتند اگر این کد رو بزنم میرن میفتن زیر هم .

مشکل تو این هست که فقط با height زدن درست میشه.

بی زحمت این نمونه html رو ببینید.

footer اومده چسبده به header

right-side و left-side که هر دو float:right دارند افتادن زیر هم.

New folder.zip

لینک به ارسال

مشکلی که من دیدم این بود که .left-side عرضش زیاد بود.

فقط یه 5 - 6 پیکسلی عرضش رو کمتر کنید و نتیجه رو ببینید.

لینک به ارسال

ممنون جناب عبدالماجد

به غیر اون مشکل اصلی همون footer هست که میاد میفته رو هدر

اگر دقت کنید زیر منو افتاده که مشکل اصلی هم همینه چون کد هایی بالایی انگار بی اثر شده میاد میفته رو اونا در حالی که باید زیر همشون باشه

لینک به ارسال

برای اینکه باکس ها کنار هم بیوفتن باید به تگ اصلی اونها float:right بدید نه به تگ داخل اونها

این رو ببینید - کلیک کنید

لینک به ارسال

ممنون اون مشکل رفع شده مشکل اصلی که هست اینکه فوتر رفته زیر منو !

یعنی عناصر بالای فوتر بی اثر شدن که فوتر رفته چسبیده به قسمت منو

لینک به ارسال

ممنون اون مشکل رفع شده مشکل اصلی که هست اینکه فوتر رفته زیر منو !

یعنی عناصر بالای فوتر بی اثر شدن که فوتر رفته چسبیده به قسمت منو

یه پیش نمایش انلاینی چیزی ندارید ؟؟؟ چشم بسته که نمیشه گفت مشکلش از چیه ...

لینک به ارسال

این دوتا عنصر رو به استایل footer اضافه کنید مشکل حل میشه ....


float: right;
margin-top: 20px;

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...