Mishcka
Новичок
Проблемы с версткой
Здравствуйте! Помогите пожалуйста!
Проблемы:
1) Имеется блок Div с фоновым изображением, которое больше по размером чем Div, и это фоновое изображение в браузерах Google Chrome 4 и Safari 4 выезжает за пределы элемента и накладывается как дополнительный фон в нижестоящих элементах.
2) В браузере Safari 4 не отображается фоновое изображение
3) В браузере IE 8, приведенный ниже код вообще ничего не выводит, хотя должен
4) В IE 8 элементы Checkbox и Label не выравниваются по вертикали, Label немного выше находится, чем Checkbox, хотя во всех остальных браузерах нормально. Как мне выравнять по вертикали эти элементы?
Спасибо!!!
Здравствуйте! Помогите пожалуйста!
Проблемы:
1) Имеется блок Div с фоновым изображением, которое больше по размером чем Div, и это фоновое изображение в браузерах Google Chrome 4 и Safari 4 выезжает за пределы элемента и накладывается как дополнительный фон в нижестоящих элементах.
Код:
.wp-polls {
background:url("images/poll_upper.png") no-repeat scroll 0 0 transparent;
padding-bottom:0;
padding-top:46px;
}
Код:
#wpcumuluswidgetcontent {
background:url("images/tags_bottom.png") no-repeat scroll 0 0 transparent;
}
HTML:
<div id="polls-2-ans" class="wp-polls-ans"><ul class="wp-polls-ul">
<li><input type="radio" id="poll-answer-6" name="poll_2" value="6" /> <span>Через 2000 лет</span></li>
<li><input type="radio" id="poll-answer-7" name="poll_2" value="7" /> <span>Послезавтра</span></li>
<li><input type="radio" id="poll-answer-8" name="poll_2" value="8" /> <span>Когда вылечат рак мозга у политиков</span></li>
<li><input type="radio" id="poll-answer-9" name="poll_2" value="9" /> <span>Кризиса уже давно нет</span></li>
<li><input type="radio" id="poll-answer-10" name="poll_2" value="10" /> <span>Никогда</span></li>
<li><input type="radio" id="poll-answer-11" name="poll_2" value="11" /> <span>Через пару-тройку лет</span></li>
</ul><p><input type="button" name="vote" value=" Голосовать " class="Buttons" onclick="poll_vote(2);" onkeypress="poll_result(2);" /></p><div id="poll_bottom"></div>
Код:
.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;
}
HTML:
<p id="subscribe-to-comments" style="clear: both;">
<input type="checkbox" style="width: auto;" value="subscribe" id="subscribe" name="subscribe">
<label for="subscribe">Оповещать о новых комментариях по почте</label>
</p>
Код:
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;
}