2014-12-22 2 views
-4

Я проработал, чтобы улучшить нижний колонтитул страницы: http://www.amp.com.pk/contact/ тем не менее нижний колонтитул отличается от нижнего колонтитула других страниц. Пожалуйста, расскажите мне, что не так.Footer CSS different на разные страницы

<div class="footer-wrapper"> 

        <div class="copyright"> 
        <p style="margin-top:-45px;color:#91703A;font-size:15px;">Adnan Malik Productions</p> 
    <p style="margin-top:-30px;color:#91703A;font-size:13px;"> 
    Follow us on <a href="http://www.facebook.com/adnanmalikproductions" target="_blank">Facebook</a> | <a href="http://www.twitter.com/adnanmalik " target="_blank">Twitter</a>|AMP &copy; <?php echo date('Y') ?>. ALL RIGHTS RESERVED</div></p> 

        <div class="credit">Powered By: <a href="http://www.inspurate.com/" target="_blank">Inspurate</a></div> 

        <div class="clear"></div> 

       </div> 
+0

Я думаю, что вы поместили div в неправильное место – himanshu

+0

@himanshu: Какой div? Есть много divs. –

+0

Как он отличается от других страниц? Где соответствующий HTML/CSS этих других страниц? –

ответ

0

Теперь попробуйте это.

<div class="footer-wrapper" style="float: none !important;"> 

Это взломать, чтобы переопределить стиль CSS для страницы на несколько страниц в CSS.

+0

Я пробовал ваше решение, но оно не работает. –

+0

@FahadUddin Что происходит вместо этого? Я вижу, что это работает в Chrome Inspect Element. –

+0

@FahadUddin Пожалуйста, проверьте мой ответ, это ** должно ** работать !!! –

0

взгляд на файл style.css в строке 8790. есть определение CSS конкретных страниц идентификаторов, которые будут получать float: left;, потому что эта страница ИД 15, .page-id-15 #colophon .footer-wrapper получить float: left; и прилипают к <footer> левой стороне (то есть 100% ширина) вместо того, чтобы находиться в центре с margin: 0 auto;

вы увидите ту же проблему на страницах с ID: 13 (ftp), 54 (about-us), 283 (amp-portal-you-are-login).

вы не можете использовать float: left;, если вы хотите центрировать div с помощью margin: 0 auto;, удалите его, если это не необходимо.