Форум PHP программистов > нужна помощь с css

[ Поиск ] - [ Пользователи ] - [ Календарь ]

dilfin

1.05.2012 - 15:36

Здравствуйте Уважаемые программисты подскажите пожалуйста где я ошиблась с стилях почему container обрывается рядом с footer ом ?
www.dolphincomics.com заранее спасибо за любую помощь потратила один день но не смогла так и решить ((((

Спустя 3 часа, 54 минуты, 29 секунд (1.05.2012 - 17:31) OleKh написал(а):

1. Если установите фиксированную высоту height: ... может решите свой вопрос.

 .twoColFixLtHdr #container {

            width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
            margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
            border: 1px solid #AAAAAA;
            text-align: left; /* this overrides the text-align: center on the body element. */
            background-color:#FFFFFF;
        }

Вообще в коде много лишних и незакрытых тегов. Рекомендую проверить код.

2. Также смотрите стили слайдера. Скорее всего слайдер размешен в коде неправильно. Поэтому наезжает на бордер.

2.1

p.padding2 {

                padding-top: 30%; 
                border: 1px solid  #006400; укажите этот стиль и увидите границы слайдера.

            }

2.2. Файл стилей слайдера coin-slider-styles.css.

<p class="padding2">

    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>

    <script type="text/javascript" src="coin-slider.min.js"></script>

    <link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

<div id='coin-slider'> ... </div>

Спустя 3 часа, 32 минуты, 42 секунды (1.05.2012 - 21:03) dilfin написал(а):

Цитата (OleKh @ 1.05.2012 - 15:31)

1. Если установите фиксированную высоту height: ... может решите свой вопрос.

 .twoColFixLtHdr #container {

            width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
            margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
            border: 1px solid #AAAAAA;
            text-align: left; /* this overrides the text-align: center on the body element. */
            background-color:#FFFFFF;
        }

p.padding2 {

                padding-top: 30%; 
                border: 1px solid  #006400; укажите этот стиль и увидите границы слайдера.

            }

2.2. Файл стилей слайдера coin-slider-styles.css.

<p class="padding2">

    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>

    <script type="text/javascript" src="coin-slider.min.js"></script>

    <link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

<div id='coin-slider'> ... </div>

ошибка была в head.php и #container потому что эта же ошибка повторялась и в других страничках сайта ((( но исправила благодаря вам и сейчас если есть немного времени Ссылку только там а как то не решается уверена это из за Div Class

Спустя 7 минут, 10 секунд (1.05.2012 - 21:10) OleKh написал(а):

А что конкретно изменили? и что это за CMS?

Спустя 13 часов, 42 минуты, 9 секунд (2.05.2012 - 10:53) dilfin написал(а):

Цитата (OleKh @ 1.05.2012 - 19:10)

А что конкретно изменили? и что это за CMS?

исправила ошибки Спасибо Вам и Всем остальным и за форум тема закрыта

Быстрый ответ:

Здесь расположена полная версия этой страницы.