رفتن به مطلب

مشکل در طراحی فوتر


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

سلام دوستان من دارم پوسته وردپرس طراحی میکنم الان قسمت فوترش رسیدم هر کاری میکنم این فوتر نمیاد وسط یا میره راست یا چپ .

شات : http://up.vbiran.ir/uploads/9202139870970136433_2014-04-28_225143.jpg

کد PHP


<div id="footer">
<div id="txt-footer">
<center>طراحی شده توسط نوولفا</center>
</div>
</div>

کد CSS


#footer {
width:1024px;
height:75px;
background:#2980b9;
float:right;
margin:auto;
}
#txt-footer {
margin-top:15px;
color:#e8e8e9;
}

من فک کنم واسه خاطر اینه که این کدهارو اول CSS وارد کردم


article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
display: block;margin: 0; padding : 0
}
@font-face {
font-family: 'Byekan';
src: url('fonts/BYekan.ttf') format('truetype'),
url('fonts/BYekan.eot?#') format('eot'),
url('fonts/BYekan.woff') format('woff');
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:auto;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
text-decoration: none;
direction:rtl;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
background: url(images/bg.png);
line-height: 1;
font-family: 'Byekan';
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

این کدها باعث میشه که پوسته توی همه مرورگرها درست نمایش بده .

ممنون میشم که بگید چطوری میتونم این قسمت فوتر رو بیارم وسط

لینک به ارسال

برای وسط چین کردن از


margin:0 auto;

استفاده کنید همچنین عرض رو بهتره 100% قرار بدید البته با توجه به نوع قالب

لینک به ارسال

برای وسط چین کردن از


margin:0 auto;

استفاده کنید همچنین عرض رو بهتره 100% قرار بدید البته با توجه به نوع قالب

من این کد margin:0 auto; رو برای فوتر گذاشتم ولی فرقی نکرد !

لینک به ارسال

من این کد margin:0 auto; رو برای فوتر گذاشتم ولی فرقی نکرد !

در آخر برای نمایش کد float رو در فوتر پاک کنید و از clear:both استفاده کنید

لینک به ارسال

در آخر برای نمایش کد float رو در فوتر پاک کنید و از clear:both استفاده کنید

سپاس گذارم درست شد .

اگه امکان داره یه توضیحی بدید بگید کار

clear:both چیه ؟

لینک به ارسال

اگر عنصر ی بعد از عنصری که ویژگی float را دارد، خاصیت clear داشته باشد، اطراف عنصر ی که ویژگی float را دارد قرار نمی گیرد.

به زبان ساده تر :

شما وقتی 2 تا div رو float میکنی کنار هم برای اینکه div یا المان سوم پایین این دو تا قرار بگیره باید clear رو به کار ببری

لینک به ارسال

سپاس گذارم درست شد .

اگه امکان داره یه توضیحی بدید بگید کار

clear:both چیه ؟

خواهش می کنم از A.babaie هم بابت توضیحاتشون ممنونم

لینک به ارسال

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

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

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

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

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

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

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

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

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