html, разница при отображении в разных браузерах

kazakova_777777

Подскажите плз как бороться с различиями в браузерах.
Сделал простую страницу, а она отображается различно в firefox и opera.
Какие есть основные принципы борьбы с этим явлением ?
Плюс как можно починить этот случай ?
Проблема - таблица 1 от таблицы 2 отстоит на пару строк в опере, в файрфоксе все слитно
Код :
 <HTML><HEAD><TITLE>Тестирование</TITLE></HEAD>

	

<body style='padding:0px;margin:0px;center 20px;width:939px;margin:auto;padding-top:20px;padding-bottom:20px;font-size:22px;font FACE:Arial;text-align:center;'>



<img style = 'position:relative;left:-2px;' src="2_nh.JPG">



<div style='background:url(2_nmid2.JPG) repeat-y;width:939px;clear:left;height:708;margin:0;'>



		<div style='font-size:24px;text-decoration: underline;position:relative; top:-51;left:-163px;'>

					<font COLOR=#FFFFFF FACE="Arial">A1</FONT>

		</div>

		<div style='font-size:14px;position:relative; top:-73;left:70px;'>

					<font FACE="Arial"><I>Вопросов : 1 из 35</I></FONT>

		</div>

		<div style='font-size:14px;position:relative; top:-92;left:300px;'>

					<font FACE="Arial"><I>Экзаменуемый : </I><B><font size=4>Малько Д.В.</FONT></B></FONT>

		</div>

		<div style='font-size:14px;position:relative; top:-50;left:35px;'>

					<table width="85%" CELLPADDING=10 ALIGN=CENTER border=0>

							<tr>

									<td width="140px" ALIGN=right VALIGN=TOP>

											<div style='font-size:16px;height:400px;'>

														<font FACE="Arial"><B>Вопрос:</B></FONT>

											</div>

									</td>

									<td width="500px" ALIGN=left VALIGN=TOP>

											<div style='font-size:14px;height:400px;'>

														<font FACE="Arial">У атома серы число электронов на внешнем энергетическом уровне и заряд ядра равны соответственно</FONT><br>

											</div>

									</td>

							</tr>

							<tr>

									<td ALIGN=right VALIGN=TOP>

											<div style='font-size:16px;height:150px;'>

														<font FACE="Arial"><B>Варианты&nbsp;ответов:</B></FONT>

											</div>

									</td>

									<td width="600px" ALIGN=left VALIGN=TOP>

											<font FACE="Arial">1. 4 и + 16<br>2. 6 и + 32<br>3. 6 и + 16<br>4. 4 и + 32</FONT>

									</td>

							</tr>

					</table>

					<img style='position:relative; left:-35;' src="2_nmid.JPG">

		</div>

		<FORM ACTION="Step2.php" METHOD=POST>

					<div style='font-size:14px;text-align: left; position:relative; top:-50;left:-20px;'>

							<table width="85%" CELLPADDING=10 ALIGN=CENTER border=0>

										<tr>

												<td width="200px" ALIGN=right VALIGN=BOTTOM>

														<font FACE="Arial"><B>Номер варианта ответа:</B></FONT>

												</td>

												<td width="40px" ALIGN=left VALIGN=TOP>&nbsp;</td>

												<td></td>

												<td>&nbsp;1<br><INPUT TYPE=RADIO NAME="answer" VALUE="1"></td>

												<td>&nbsp;2<br><INPUT TYPE=RADIO NAME="answer" VALUE="2"></td>

												<td>&nbsp;3<br><INPUT TYPE=RADIO NAME="answer" VALUE="3"></td>

												<td>&nbsp;4<br><INPUT TYPE=RADIO NAME="answer" VALUE="4"></td>

												<td width="90px">&nbsp;</td>

												<td VALIGN=BOTTOM>

															<INPUT TYPE=HIDDEN NAME="n_curr" VALUE="1">

															<INPUT TYPE=HIDDEN NAME="subj" VALUE="Химия">

															<INPUT TYPE=HIDDEN NAME="year" VALUE="2005">

															<INPUT TYPE=HIDDEN NAME="vers" VALUE="A">

															<INPUT TYPE=HIDDEN NAME="numtotal" VALUE="35">

															<INPUT TYPE=HIDDEN NAME="ans_hist0" VALUE="">

															<INPUT TYPE=SUBMIT NAME="SUBMIT" VALUE="   Дальше!   ">

												</td>

									</tr>

							</table>

				 </div>

		</form>		 

		</div>

		<img style='position:relative; top:-20;' src="2_nf2.JPG"></div>  

     

    









</BODY></HTML>

kazakova_777777

Дополнительно там еще цифры съезжают над вариантами выбора.
Как всего этого можно избежать? Подскажите плз проверенные способы.

artimon

Указывать DOCTYPE
Использовать CSS
Указывать единицы измерения для всех ненулевых значений
А вообще это пиздец какой-то.

PooH

убрать таблицу, сделать все див
поставить doctype (типа Transitional)
почитать про margin, padding
а зачем тебе таблицы? внутри каждой ячейки по диву - только диву даешься, как это нормально держится

stm6692945

еще один Лебедев решил веб контору открыть)

kazakova_777777

проставил doctype, все заработало как надо.
забыл что-то сразу его написать

Murad82

Еще можешь тут проверить страницу на всякий

kazakova_777777

А, не, все равно есть разница при отображении в internet explorer.
Как я понял, это самый проблемный браузер с точки зрения совместимости.
Как с ним быть ?
По рекомендациям вроде все ок, все параметры заданы, а все равно отображается по другому

hwh2010

Подскажите плз как бороться с различиями в браузерах.
http://www.quirksmode.org/ содержит множество Browser Compatibility Tables, в основном вроде по css и js
Оставить комментарий
Имя или ник:
Комментарий: