vertical align a button - странное поведение

Я столкнулся со следующей странной ситуацией: Я создал кнопку внутри div и хочу, чтобы она была вертикально выровнена по середине. Теперь, когда я запускаю весь скрипт, кнопка остается фиксированной над div, независимо от того, какой метод я использую (я пробовал почти все). Если я запускаю его в одиночку (имея в виду только связанные строки сценария), он работает и выравнивается по середине. Ниже я есть строки:vertical align a button - странное поведение

<head> 
<style> 
.p1 { 
position: absolute; 
left: 250px; 
top: 200px; 
width: 400px; 

background-color: #DFD7D7; 
display: block; 
height: 2em; 
    line-height: 2em; 
} 
.p2 { 
position: absolute; 
left: 250px; 
top: 200px; 
width: 400px; 

background-color: #DFD7D7; 
display: none; 
height: 2em; 
    line-height: 2em; 
} 
.bt { 
position: absolute; 
left: 650px; 
top: 200px; 
width: 100px; 
background-color: #DFD7D7; 
height: 2em; 
    line-height: 2em; 
} 
</style> 

<script language="JavaScript"> 
function setVisibility(id1,id2) { 
if(document.getElementById('bt1').value=='Show Layer'){ 
document.getElementById('bt1').value = 'Show Layer'; 
document.getElementById(id1).style.display = 'none'; 
document.getElementById(id2).style.display = 'block'; 
} 
} 
</script> 
<title>Untitled</title> 
</head> 
<body> 

</body> 
</html> 
<% 
p_company = Request.form("p_company") 
p_email = Request.form("p_email") 
p_phone = Request.form("p_phone") 
p_type = Request.form("p_type") 
p_pword = Request.form("p_pword") 
p_pass2 = Request.form("p_pass2") 
%> 
<% 
Session("Language")=Request.querystring("id") 
if Session("Language")="ENG" then 
%> 
<div class="p1" id="sub3"> 
Company: <%= p_company %> 
</div> 
<div class="p2" id="sub4">Company:<input type="text"></div> 
</div> 
<div class="bt"> 
<input type=button name=type id='bt1' value='Show Layer' onclick="setVisibility('sub3','sub4');";> 
</div> 
<% 
end if 
%>`

Как вы можете видеть, я использую высоту строки для всех DIV и она отлично работает, но не с помощью кнопки. Но (странно), если я отделяю на другой странице код кнопки, тогда он отлично работает. Любые предложения Спасибо вам большое. Приветствия Valter

источник

2015-03-28 Valter Piso

<div class="bt"> 
<input type=button name=type id='bt1' value='Show Layer' onclick="setVisibility('sub3','sub4');";> 
</div>

Вы не добавили никакого стиля для BT1, вам необходимо назначить поле. Так что кнопка ребенок может быть размещен внутри контейнера «» #bt

Так добавьте этот CSS:

#bt1 {width:40%; 
     height:20%; 
     margin-top:40%; 
     padding:0;}

источник

2015-03-28 09:22:11 BIW

Это в '# bt1' в вашем CSS –

упс, мой плохой. Спасибо. – BIW

спасибо !! К сожалению, это не работает. Это делает меня сумасшедшим; если я возьму только скрипт для кнопки (html и css), он будет хорошо работать, я также изменил высоту в div «bt», и все же кнопка идет прямо в середине div. –

vertical align a button - странное поведение

ответ

Смежные вопросы