У меня есть скрипт "всплывающего" календаря. Он выводится при нажатии на <input> и должен быть размещён относительно этого самого <input>. В стиле таблицы прописано position:relative;
Это работало до какого-то времени. Но потом я немного редактировал код + сохранил его в utf-8. Но разве кодировка может что-то поменять?
Ниже код страницы и после неё(во втором сообщении, так как в одном всё не влезает) код календаря + скриншот того, что происходит.
<html>
<head>
<style type="text/css">
.pol1 { position:relative; left:60px; top:25px; width:320px; height:14px; }
.pol2 { position:relative; left:29px; top:35px; width:320px; height:14px; }
.pol3 { position:relative; left:125px; top:45px; width:320px; height:14px; }
.pol4 { position:relative; left:140px; top:55px; width:320px; height:14px; }
.polсalendar1 { position:relative; left:168px; top:58px; height:14px; }
.polcalendar2 { position:relative; left:208px; top:58px; height:14px; }
.lb1 { position:relative; left:51px; top:25px; }
.lb2 { position:relative; left:20px; top:35px; }
.lb3 { position:relative; left:116px; top:45px; }
.lb4 { position:relative; left:131px; top:55px; }
.lbcalendar1 { position:relative; left:162px; top:58px; }
.lbcalendar2 { position:relative; left:202px; top:58px; }
.inf0 { position:relative; left:190px; top:59px; }
.inf0_ { position:relative; left:194px; top:54px; font-size:90%;}
.inf1 { position:relative; left:186px; top:64px; }
.inf1_ { position:relative; left:194px; top:60px; font-size:90%;}
.fileld { position:relative; left:198px; top:58px; }
.finanses { position:relative; left:186px; top:58px; }
.video_time { position:relative; left:186px; top:62px; margin-bottom: 2px; }
.video_time2{ position:relative; left:186px; top:68px; }
.dogovor { position:relative; left:180px; top:15px; }
.result { position:relative; left:180px; top:70px; }
</style>
function chbx()
{ if (fcheck.checked) {loadfile.disabled=false; } else {loadfile.disabled=true; } }
</script>
<script type="text/javascript">
</script>
<script src="calendar.js"></script>
</head>
<body><table><tr><td>
<form action="saver.php" method="POST">
<label class="lb1" id="LBLcompany">Название компании: </label>
<input class="pol1" id="company" name="company" type="text" size="60" onfocus="fcs(this)" onblur="blr(this)" value=""/><br>
<label class="lb2" id="LBLname">ФИО ответственного лица: </label>
<input class="pol2" id="name" name="name"type="text" size="60" onfocus="fcs(this)" onblur="blr(this)" value=""/><br>
<label class="lb3" id="LBLphone">Телефон: </label>
<input class="pol3" id="phone" name="phone" type="text" size="60" onfocus="fcs(this)" onblur="blr(this)" value=""/><br>
<label class="lb4" id="LBLemail">E-mail: </label>
<input class="pol4" id="email" name="phone" type="text" size="60" onfocus="fcs(this)" onblur="blr(this)" value=""/><br>
<label class="inf0"><b>Выберите период рекламной кампании:</b></label><br>
<label class="inf0_"><i>(нажмите на поле - появится календарь)</i></label><br>
<label class="lbcalendar1" id="LBLemail">C </label>
<input class="polсalendar1" id="cal0" name="cal0" type="text" readonly value="yy-mm-dd" onfocus="this.select();lcs(this)" onclick="event.cancelBubble=true;this.select();lcs(this)">
<label class="lbcalendar2" id="LBLemail">По </label>
<input class="polcalendar2" id="cal2" name="cal2" type="text" readonly value="yy-mm-dd" onfocus="this.select();lcs(this)" onclick="event.cancelBubble=true;this.select();lcs(this)">
<div class="video_time">
<b>Укажите длительность вашего ролика:</b><br>
<input type="radio" name="timevideo" value="5"/> 5 сек.
<input type="radio" name="timevideo" value="10"> 10 сек.
<input type="radio" name="timevideo" value="15"/> 15 сек.
<input type="radio" name="timevideo" value="20"/> 20 сек.
</div>
<div class="inf1"><input id="fcheck" onclick="chbx()" type="checkbox" value="fcheck"/><label for="fcheck"><b>Хочу загрузить рекламный ролик сейчас</b></label></div>
<label class="inf1_"><i>(вы также можете принести его в наш офис на flash или CD)</i></label><br>
<input id="loadfile" class="fileld" type="file" name="filename" disabled/>
<div class="finanses">
<b>Выберите способ оплаты:</b><br>
<input type="radio" name="pay" disabled value="bank"/> На банковский счёт
<input type="radio" name="pay" value="nal" /> Наличными
</div>
<div><input class="result" type="submit"></div>
</form>
</td></tr></table>
</body>
</html>