За последние 24 часа нас посетили 16667 программистов и 1650 роботов. Сейчас ищут 2015 программистов ...

Проблемы с версткой

Тема в разделе "HTML и CSS", создана пользователем Mishcka, 22 май 2010.

  1. Mishcka

    Mishcka Активный пользователь

    С нами с:
    1 июл 2009
    Сообщения:
    41
    Симпатии:
    0
    Здравствуйте! Помогите пожалуйста!
    Проблемы:
    1) Имеется блок Div с фоновым изображением, которое больше по размером чем Div, и это фоновое изображение в браузерах Google Chrome 4 и Safari 4 выезжает за пределы элемента и накладывается как дополнительный фон в нижестоящих элементах.

    [css].wp-polls {
    background:url("images/poll_upper.png") no-repeat scroll 0 0 transparent;
    padding-bottom:0;
    padding-top:46px;
    }[/css]

    2) В браузере Safari 4 не отображается фоновое изображение

    [css]#wpcumuluswidgetcontent {
    background:url("images/tags_bottom.png") no-repeat scroll 0 0 transparent;
    }[/css]

    3) В браузере IE 8, приведенный ниже код вообще ничего не выводит, хотя должен

    HTML:
    1. <div id="polls-2-ans" class="wp-polls-ans"><ul class="wp-polls-ul">
    2.         <li><input type="radio" id="poll-answer-6" name="poll_2" value="6" /> <span>Через 2000 лет</span></li>
    3.         <li><input type="radio" id="poll-answer-7" name="poll_2" value="7" /> <span>Послезавтра</span></li>
    4.         <li><input type="radio" id="poll-answer-8" name="poll_2" value="8" /> <span>Когда вылечат рак мозга у политиков</span></li>
    5.         <li><input type="radio" id="poll-answer-9" name="poll_2" value="9" /> <span>Кризиса уже давно нет</span></li>
    6.         <li><input type="radio" id="poll-answer-10" name="poll_2" value="10" /> <span>Никогда</span></li>
    7.         <li><input type="radio" id="poll-answer-11" name="poll_2" value="11" /> <span>Через пару-тройку лет</span></li>
    8.         </ul><p><input type="button" name="vote" value="   Голосовать   " class="Buttons" onclick="poll_vote(2);" onkeypress="poll_result(2);" /></p><div id="poll_bottom"></div>

    [css].wp-polls-ans {
    opacity:1;
    width:100%;
    }

    .wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li {
    background-image:none;
    display:block;
    margin:0;
    padding:4px;
    text-align:left;
    }

    .wp-polls-ul {
    margin:0 0 10px 15px;
    padding:0;
    }

    .wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li span {
    font-family:Times New Roman,Helvetica,Tahoma,sans-serif;
    font-size:95%;
    }
    polls-...er=2.40 (строка 33)
    .wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li {
    background-image:none;
    display:block;
    margin:0;
    padding:4px;
    text-align:left;
    }

    wp-polls img, .wp-polls label, .wp-polls input, .wp-polls-loading img, .wp-polls-image img {
    border:0 none;
    display:inline;
    margin:0;
    padding:0;
    vertical-align:middle;
    }[/css]


    4) В IE 8 элементы Checkbox и Label не выравниваются по вертикали, Label немного выше находится, чем Checkbox, хотя во всех остальных браузерах нормально. Как мне выравнять по вертикали эти элементы?

    HTML:
    1. <p id="subscribe-to-comments" style="clear: both;">
    2.     <input type="checkbox" style="width: auto;" value="subscribe" id="subscribe" name="subscribe">
    3.     <label for="subscribe">Оповещать о новых комментариях по почте</label>
    4. </p>
    [css]element.style {
    clear:both;
    }

    #commentform #subscribe-to-comments {
    font:italic 90% cambria,century,garamond;
    margin:5px 0 0;
    padding:1px 0 0;
    vertical-align:top;
    }

    #commentform #subscribe-to-comments #subscribe {
    display:block;
    float:left;
    height:15px;
    margin:1px 5px 0 0;
    }

    #commentform #subscribe-to-comments label {
    display:block;
    margin:1px 5px 0 0;
    vertical-align:bottom;
    }[/css]

    Спасибо!!!
     
  2. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    Пожалуйста!
    Теперь моя очередь выкладывать багтрек?
     
  3. Mishcka

    Mishcka Активный пользователь

    С нами с:
    1 июл 2009
    Сообщения:
    41
    Симпатии:
    0
    А где его взять? Вы знаете?
     
  4. ShamahN

    ShamahN Активный пользователь

    С нами с:
    10 апр 2007
    Сообщения:
    1.449
    Симпатии:
    0
    Адрес:
    г.Волгодонск Роствской обл.
    у него что-то с аватаром не то или у мне кажется? =)
     
  5. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    ShamahN
    да не, нормально вроде вышел, красочно так ... ;D
     
  6. Hight

    Hight Старожил
    Команда форума Модератор

    С нами с:
    5 мар 2006
    Сообщения:
    7.153
    Симпатии:
    0
    Адрес:
    из злой параллельной вселенной
    Mishcka
    Аватарку на фото меняем или удаляем.
     
  7. Mishcka

    Mishcka Активный пользователь

    С нами с:
    1 июл 2009
    Сообщения:
    41
    Симпатии:
    0
    И что же с ним особенного? :)
     
  8. Mishcka

    Mishcka Активный пользователь

    С нами с:
    1 июл 2009
    Сообщения:
    41
    Симпатии:
    0
    Почему!?
     
  9. ShamahN

    ShamahN Активный пользователь

    С нами с:
    10 апр 2007
    Сообщения:
    1.449
    Симпатии:
    0
    Адрес:
    г.Волгодонск Роствской обл.
  10. Mishcka

    Mishcka Активный пользователь

    С нами с:
    1 июл 2009
    Сообщения:
    41
    Симпатии:
    0
    Все удалил! Теперь кто-нибудь поможет?