Jump to content
  • 0

Вертикальный отступ перед div в FireFox отображается неправильно (

Fixer

Asked by Fixer,

 Share

Question

Fixer Explorer

Fixer

Posted
Posted 

<div style="width:840;background:white;margin-bottom:45px;margin-top:0px" id="ht5">

Если выставляется margin-top:0px, то в IE отображается нормально, а FireFox содержимое div наползает на находящееся сверху. Если выставить отступ в margin-top:150px, то в FF отображение нормальное а в IE - между предыдущим содержимым большой отступ.

Как это можно разрешить?

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
Fixer Explorer

Fixer

Posted
  • Author
Posted

Дела в том что верстал изначально не я и св?рстано весьма непонятно.

Вот код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>title</title>
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type">
<meta name="description" content="x">
<meta name="keywords" content="x">
<LINK rel="stylesheet" type="text/css" href="/css/styles.css">
<style>
 html {padding:0;margin:0;}
 body,div,img,td {padding:0;margin:0;border:none;}
 body {background:#999;font-size:12px;font-family:Tahoma;}
 td {font-size:11px;color:white}
 #Foot {background: url(/i/bg3.gif) no-repeat top;}
 #Foot a {color:white}

 #Copy {width: 560px; margin-top: 67px;}
 #Copy a {text-decoration:none}
 input {font-size:11px;color:#727272}
 #srch1 {margin:0;padding:0;}
 #srch1 input {width:263px;height:20px;margin:0;}
 #srch1 img {cursor:hand;}
 #newsa {padding-bottom:20}
 #newsa td,#newsa td a {color:#727272}
 #newsa td a.n {text-decoration:none}
 .nav1 h3 {margin-top:3px;}
 .nav1 a,.nav1 h3 {color:#727272}
 .active a,.active h3 {color:white}

</style>
<script type="text/javascript" src="/js/show_flash.js"></script>
<script type="text/javascript" src="/js/main.js"></script>
<script type="text/javascript" src="/js/swfobject.js"></script>

<map name="Map" id="Map">
<area shape="rect" coords="0,0,13,10" href="/" />
<area shape="rect" coords="27,0,42,10" href="mailto:oleg@aurore-auto.ru" />
</map>

</head>

<body>
<table width="100%" cellspacing="0" style="background: url(/i/bg2.gif) no-repeat center top;">
 <tr>
 <td width="50%"></td>
 <td valign="top" width="840" style="border-top: 1px solid #ED1B2D;"><img src="/i/p.gif" width="1" height="1" alt=""></td>
 <td width="50%"></td>
 </tr>
 <tr>
 <td width="50%" onmouseover="hideAll(0)"></td>
 <td valign="top" width="940">
 <div style="width:840;height:130px;position:relative" id="ht1" onmouseover="hideAll(0)">
 <div style="position:absolute;width:139px;height:30px;top:50px;left:0;"><img src="/i/honda.gif" width="143" height="30" alt="x"></div>
 <div style="position:absolute;width:42px;height:10px;top:10px;right:0;" id="tnav"><img src="/i/tnav.gif" width="42" height="10" alt="" usemap="#Map" /></div>
 <div style="position:absolute;width:143px;height:30px;top:50px;right:0;"><img src="/i/honda.gif" width="143" height="30" alt="" /></div>
 <div style="position:absolute;width:294px;height:30px;top:52px;left:286px;">
 <form id="srch1" name="srch1" method="POST" action="/search/"> <!--document.getElementByid('search').value!=''?document.srch1.submit():void(0)-->
 <input name="search" id="search" value="Поиск" onFocus="this.value=''" onBlur="this.value==''?this.value='Поиск':void(0)"><img src="/i/arr_s.gif" width="18" height="20" alt="" onclick="document.getElementById('search').value!='Поиск'?document.srch1.submit():void(0)" align="absmiddle">
 </form>
 </div>
 </div>

 <!-- верхнее меню - начало -->
 <div style="width:840;height:30px;" id="menu">
<table cellspacing="0" id="mmenu" onmouseout="">
 <tr>

 <td width="16%" id="m1" class="" onClick="location.href='/news/item.html'" onMouseOver="this.className='active';sm(this.id);" onMouseOut="this.className='';"><a href="/news/item.html" id="mn1">Hoвости</a></td>
 <td width="16%" id="m2" class="" onClick="location.href='/Article_17399912221.html'" onMouseOver="this.className='active';sm(this.id);" onMouseOut="this.className='';"><a href="/Article_17399912221.html" id="mn1">Юридическим лицам1</a></td>
 <td width="16%" id="m3" class="" onClick="location.href='/mail/back_connect.aspx'" onMouseOver="this.className='active';sm(this.id);" onMouseOut="this.className='';"><a href="/mail/back_connect.aspx" id="mn1">Обратная связь</a></td>
 <td width="16%" id="m4" class="" onClick="location.href='/pg/commonpg.aspx?id=305'" onMouseOver="this.className='active';sm(this.id);" onMouseOut="this.className='';"><a href="/pg/commonpg.aspx?id=305" id="mn1">MailForm1</a></td>
 <td width="16%" id="m5" class="" onClick="location.href='/Catalog_298.html'" onMouseOver="this.className='active';sm(this.id);" onMouseOut="this.className='';"><a href="/Catalog_298.html" id="mn1">Новый каталог</a></td>
 <td width="16%" id="m6" class="" onClick="location.href='/Article_190.html'" onMouseOver="this.className='active';sm(this.id);" onMouseOut="this.className='';"><a href="/Article_190.html" id="mn1">О компании</a></td> </tr>
</table>
</div>

 <DIV id="subm1" 
onmouseover="clss=document.getElementById('m1').className;document.getElementById('m1').className='active';" 
style="Z-INDEX: 200; LEFT: -1000px; POSITION: absolute; TOP: 150px" 
onmouseout="document.getElementById('m1').className=clss;">
<TABLE class=sub cellSpacing=0 cellPadding=0 border=0>
 <TBODY>
 </TBODY>
 </TABLE>
</DIV>
 <DIV id="subm2" 
onmouseover="clss=document.getElementById('m2').className;document.getElementById('m2').className='active';" 
style="Z-INDEX: 200; LEFT: -1000px; POSITION: absolute; TOP: 150px" 
onmouseout="document.getElementById('m2').className=clss;">
<TABLE class=sub cellSpacing=0 cellPadding=0 border=0>
 <TBODY>

 <TR>
 <TD onmouseover="this.style.backgroundColor='#909090';" onclick="location.href='/Catalog_2071.html'" onmouseout="this.style.backgroundColor='';"><A 
 href="/Catalog_2071.html">Каталог1</A></TD></TR>
 <TR>
 <TD onmouseover="this.style.backgroundColor='#909090';" onclick="location.href='/Article_192.html'" onmouseout="this.style.backgroundColor='';"><A 
 href="/Article_192.html">Услуги</A></TD></TR> </TBODY>
 </TABLE>
</DIV>
 <DIV id="subm3" 
onmouseover="clss=document.getElementById('m3').className;document.getElementById('m3').className='active';" 
style="Z-INDEX: 200; LEFT: -1000px; POSITION: absolute; TOP: 150px" 
onmouseout="document.getElementById('m3').className=clss;">
<TABLE class=sub cellSpacing=0 cellPadding=0 border=0>
 <TBODY>

 <TR>
 <TD onmouseover="this.style.backgroundColor='#909090';" onclick="location.href='/pg/Person.aspx?id=300'" onmouseout="this.style.backgroundColor='';"><A 
 href="/pg/Person.aspx?id=300">Terminal1Person</A></TD></TR>
 <TR>
 <TD onmouseover="this.style.backgroundColor='#909090';" onclick="location.href='/Catalog_299.html'" onmouseout="this.style.backgroundColor='';"><A 
 href="/Catalog_299.html">www.major-avto.spb.ru/Catalog_330.html</A></TD></TR>
 <TR>
 <TD onmouseover="this.style.backgroundColor='#909090';" onclick="location.href='/pg/Person.aspx?id=289'" onmouseout="this.style.backgroundColor='';"><A 
 href="/pg/Person.aspx?id=289">Person!!!</A></TD></TR>
 <TR>
 <TD onmouseover="this.style.backgroundColor='#909090';" onclick="location.href='/pg/Person.aspx?id=265'" onmouseout="this.style.backgroundColor='';"><A 
 href="/pg/Person.aspx?id=265">Резюме для мажоров 3</A></TD></TR>
 <TR>
 <TD onmouseover="this.style.backgroundColor='#909090';" onclick="location.href='/pg/person.aspx?id=255'" onmouseout="this.style.backgroundColor='';"><A 
 href="/pg/person.aspx?id=255">Добавить резюме</A></TD></TR> </TBODY>
 </TABLE>
</DIV>
 <DIV id="subm4" 
onmouseover="clss=document.getElementById('m4').className;document.getElementById('m4').className='active';" 
style="Z-INDEX: 200; LEFT: -1000px; POSITION: absolute; TOP: 150px" 
onmouseout="document.getElementById('m4').className=clss;">
<TABLE class=sub cellSpacing=0 cellPadding=0 border=0>
 <TBODY>
 </TBODY>
 </TABLE>
</DIV>
 <DIV id="subm5" 
onmouseover="clss=document.getElementById('m5').className;document.getElementById('m5').className='active';" 
style="Z-INDEX: 200; LEFT: -1000px; POSITION: absolute; TOP: 150px" 
onmouseout="document.getElementById('m5').className=clss;">
<TABLE class=sub cellSpacing=0 cellPadding=0 border=0>
 <TBODY>
 </TBODY>
 </TABLE>
</DIV>
 <DIV id="subm6" 
onmouseover="clss=document.getElementById('m6').className;document.getElementById('m6').className='active';" 
style="Z-INDEX: 200; LEFT: -1000px; POSITION: absolute; TOP: 150px" 
onmouseout="document.getElementById('m6').className=clss;">
<TABLE class=sub cellSpacing=0 cellPadding=0 border=0>
 <TBODY>

 <TR>
 <TD onmouseover="this.style.backgroundColor='#909090';" onclick="location.href='/Article_252.html'" onmouseout="this.style.backgroundColor='';"><A 
 href="/Article_252.html">Проверго медвежьих страниц с большими названиями )</A></TD></TR>
 <TR>
 <TD onmouseover="this.style.backgroundColor='#909090';" onclick="location.href='/Article_191.html'" onmouseout="this.style.backgroundColor='';"><A 
 href="/Article_191.html">Вакансии</A></TD></TR> </TBODY>
 </TABLE>
</DIV>
 <!-- конец верхнего меню -->
 <div style="width:840;height:200px;background:black" id="ht2">
 <script>fl('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="840" height="200" id="top1" align="middle"><param name="wmode" value="transparent"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="/swf/top2.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="/swf/top2.swf" quality="high" bgcolor="#000000" wmode="transparent" width="840" height="200" name="top1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>')</script>
 </div> 
 <div style="width:840;height:161px;background:#7A7A7A" id="ht3" onmouseover="hideAll(0)">
 <table cellspacing="0" width="840">
 <tr>
 <td width="279"><!--<script>fl('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="279" height="161" id="1" align="middle"><param name="wmode" value="transparent"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="/swf/1.swf" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><embed src="/swf/1.swf" quality="best" bgcolor="#ffffff" width="279" height="161" name="1" wmode="transparent" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>')</script>-->
 <script>
 function fl1(id,src,div,flag)
 {
 if(flag&&document.getElementById(id).innerHTML==''){

 if(document.getElementById('flashcontent1').innerHTML!='')hide1('flashcontent1','flash1',thd1);
 if(document.getElementById('flashcontent2').innerHTML!='')hide1('flashcontent2','flash2',thd2);
 if(document.getElementById('flashcontent3').innerHTML!='')hide1('flashcontent3','flash3',thd3);

 //document.getElementById(id).innerHTML=
 flinn(id,'<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="279" height="161" id="1" align="middle"><param name="wmode" value="transparent"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="'+src+'" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><embed src="'+src+'" quality="best" bgcolor="#ffffff" width="279" height="161" name="1" wmode="transparent" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>');
 document.getElementById(div).className='nav1 active';
 }
 }
 //alert(1);

 var thd1=null;
 var thd2=null;
 var thd3=null;

 function hide1(id,div,flag)
 {
 if(!flag&&document.getElementById(id).innerHTML!='')
 {
 //this.className='nav1';
 document.getElementById(div).className='nav1';
 document.getElementById(id).innerHTML=''
 }
 else return null;
 }

 </script>

 <div style="position:relative;width:279px;height:161px;" class="nav1">

 <div style="width:279px;height:161px;background:white;;position:absolute;left:0;top:0;z-index:5" id="flashcontent1"></div>

 <div style="width:279px;height:161px;position:absolute;left:0;top:0;z-index:10" onmouseover="thd1=1;setTimeout('fl1('flashcontent1','/swf/1.swf','flash1',thd1);',100);" onmouseout="thd1=0;setTimeout('hide1('flashcontent1','flash1',thd1)',300);" id="flash1">
 <div style="padding:55px 0 0 20px;" onmouseover="thd1=1" onmouseout="thd1=1"><!--onmouseout="thd1=1" onmouseover="if(!thd1){fl1();}"--> <!--onmouseover="if(!thd1){this.className='nav1 active';thd1=1;}"-->

 </div>
 <div style="position:absolute;left:20px;top:20px;"><h3 style="font-weight:normal;font-size:20px">x</h3></div>
 </div>

 </div>

 </td>
 <td width="1"></td>
 <td width="279"><!--<script>fl('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="279" height="161" id="2" align="middle"><param name="wmode" value="transparent"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="/swf/2.swf" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><embed src="/swf/2.swf" quality="best" bgcolor="#ffffff" width="279" height="161" name="2" wmode="transparent" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>')</script>-->
 <div style="position:relative;width:279px;height:161px;" class="nav1">

 <div style="width:279px;height:161px;background:white;position:absolute;left:0;top:0;z-index:5" id="flashcontent2"></div>

 <div style="width:279px;height:161px;position:absolute;left:0;top:0;z-index:10" onmouseover="thd2=1;setTimeout('fl1('flashcontent2','/swf/2.swf','flash2',thd2);',100);" onmouseout="thd2=0;setTimeout('hide1('flashcontent2','flash2',thd2)',300);" id="flash2">
 <div style="padding:55px 0 0 20px;" onmouseover="thd2=1" onmouseout="thd2=1"><!--onmouseout="thd1=1" onmouseover="if(!thd1){fl1();}"--> <!--onmouseover="if(!thd1){this.className='nav1 active';thd1=1;}"-->






 </div>
 <div style="position:absolute;left:20px;top:20px;"><h3 style="font-weight:normal;font-size:20px">Силовая техника</h3></div>
 </div>

 </div>
 </td>
 <td width="1"></td>
 <td width="280"><!--<script>fl('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="280" height="161" id="3" align="middle"><param name="wmode" value="transparent"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="/swf/3.swf" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><embed src="/swf/3.swf" quality="best" bgcolor="#ffffff" width="280" height="161" name="3" wmode="transparent" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>')</script>-->
 <div style="position:relative;width:280px;height:161px;" class="nav1">

 <div style="width:280px;height:161px;background:white;position:absolute;left:0;top:0;z-index:5" id="flashcontent3"></div>

 <div style="width:279px;height:161px;position:absolute;left:0;top:0;z-index:10" onmouseover="thd3=1;setTimeout('fl1('flashcontent3','/swf/3.swf','flash3',thd3);',100);" onmouseout="thd3=0;setTimeout('hide1('flashcontent3','flash3',thd3)',300);" id="flash3">
 <div style="padding:55px 0 0 20px;" onmouseover="thd3=1" onmouseout="thd3=1"><!--onmouseout="thd1=1" onmouseover="if(!thd1){fl1();}"--> <!--onmouseover="if(!thd1){this.className='nav1 active';thd1=1;}"-->
 <div style="position:absolute;left:20px;top:20px;"><h3 style="font-weight:normal;font-size:20px">x</h3></div>


 </div>
 <div style="position:absolute;left:20px;top:20px;"><h3 style="font-weight:normal;font-size:20px">x</h3></div>
 </div>

 </div>
 </td>
 </tr>
 </table>
<table cellspacing="0" width="840" border="0">
<tr>
 <td width="840" bgcolor="white" style="color:#727272;padding:15px 15px 15px 15px;">
 Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед  кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =),Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =),Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =),
 </td> 
</tr>
</table> 
</div>
fff
<div style="width:840;height:7px;font-size:0;" id="ht4"></div>
sdf
<div style="width:840;background:white;margin-bottom:45px;margin-top:75px" id="ht5">
asd
 <table cellspacing="0" width="100%">
 <tr>
 <td id="news">
 <div style="width:840px;height:16px;color:#727272; font-weight:bold; padding: 3px 3px 3px 3px;">Последние новости:</div>
 <div style="width:840px;height:163px;color:#727272">
 <!-- Список новостей - начало -->
 <div style="padding:29px 21px 0 21px">
 <div id="newsa">
 <table cellspacing="0">
 <tr>
 <td width="64">
 31.08.2007
 </td>
 <td>
 <a href="/news/item_76.html" class="n">2222222222222222222222</a> | <a href="/news/archive.aspx?rubric_id=4">Новости медведа1</a>
 </td>
 </tr>
 </table>
 </div> <div id="newsa">
 <table cellspacing="0">
 <tr>
 <td width="64">
 31.08.2007
 </td>
 <td>
 <a href="/news/item_75.html" class="n">1111111111111</a> | <a href="/news/archive.aspx?rubric_id=4">Новости медведа1</a>
 </td>
 </tr>
 </table>
 </div> <div id="newsa">
 <table cellspacing="0">
 <tr>
 <td width="64">
 29.08.2007
 </td>
 <td>
 <a href="/news/item_73.html" class="n">22222222222</a> | <a href="/news/archive.aspx?rubric_id=1">Новости Авроры-авто</a>
 </td>
 </tr>
 </table>
 </div> <div id="newsa">
 <table cellspacing="0">
 <tr>
 <td width="64">
 29.08.2007
 </td>
 <td>
 <a href="/news/item_72.html" class="n">11111111111</a> | <a href="/news/archive.aspx?rubric_id=1">Новости Авроры-авто</a>
 </td>
 </tr>
 </table>
 </div> <div id="newsa">
 <table cellspacing="0">
 <tr>
 <td width="64">
 25.06.2007
 </td>
 <td>
 <a href="/news/item_70.html" class="n">Kia Sorento ? лидер рейтинга Total Quality Index.</a> | <a href="/news/archive.aspx?rubric_id=1">Новости Авроры-авто</a>
 </td>
 </tr>
 </table>
 </div> <div id="newsa">
 <table cellspacing="0">
 <tr>
 <td width="64">
 07.06.2007
 </td>
 <td>
 <a href="/news/item_69.html" class="n">В мае 2007 года продажи KIA в России составили более шести тысяч автомобилей.</a> | <a href="/news/archive.aspx?rubric_id=1">Новости Авроры-авто</a>
 </td>
 </tr>
 </table>
 </div> <div id="newsa">
 <table cellspacing="0">
 <tr>
 <td width="64">
 05.06.2007
 </td>
 <td>
 <a href="/news/item_71.html" class="n">Зимняя Олимпиада - 2014 в Сочи.</a> | <a href="/news/archive.aspx?rubric_id=1">Новости Авроры-авто</a>
 </td>
 </tr>
 </table>
 </div></div>

 <!-- Список новостей - конец --> 
 </div>
 <div style="width:840px;height:37px;background:#D1D1D1"><div style="padding:14px 0 0 82px"><a href="/news/item.html" style="color:#727272"><img src="/i/arr1.gif" width="9" height="7" alt="" align="absmiddle" style="margin-right:5px"> Все новости</a></div></div>
 </td>
 </tr>
 </table>
<!-- 

 <table cellspacing="0" width="840">
 <tr>
 <td bgcolor="white" style="color:#727272;padding:15px 15px 15px 15px;">
 <p>222 Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =),Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =),Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =),Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =), Превед кросаффчеги =),</p> 
 </td> 
 </tr>
 </table> 
-->
 </div>
</td>
<td width="50%" onmouseover="hideAll(0)"></td>
</tr>
</table>
<table width="100%" cellspacing="0" style="background: url(/i/bg3.gif) no-repeat bottom;" id="Foot">
 <tr>
 <td width="50%"></td>
 <td colspan="2" width="840" valign="top">
 <!-- Главные разделы - начало -->

<div style="width: 840px; margin-top: 25px;" id="footmenu"> 
 <table cellspacing="0" width="840">
 <tr>

 <td width="16%" align="center"><a href="/news/item.html">Hoвости</a></td>

 <td width="16%" align="center"><a href="/Article_17399912221.html">Юридическим лицам1</a></td>

 <td width="16%" align="center"><a href="/mail/back_connect.aspx">Обратная связь</a></td>

 <td width="16%" align="center"><a href="/pg/commonpg.aspx?id=305">MailForm1</a></td>

 <td width="16%" align="center"><a href="/Catalog_298.html">Новый каталог</a></td>

 <td width="16%" align="center"><a href="/Article_190.html">О компании</a></td>

 </tr>
 </table>
</div>

 <!-- Главные разделы - конец -->
 </td>
 <td width="50%"></td>
 </tr>
 <tr height="60px">
 <td width="50%"></td>
 <td valign="middle" align="center">
 <div>
 x </div>
 </td>
 <td valign="middle" align="right">
 <div style=" width: 88px; height:31px;">
<noindex>
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='http://counter.yadro.ru/hit?t14.5;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border=0 width=88 height=31></a>")//--></script><!--/LiveInternet-->
</noindex>
 </div>
 </td>
 <td width="50%"></td>
 </tr>
 <tr height="15px">
 <td width="50%"></td>
 <td valign="middle">
 </td>
 <td valign="middle" align="right">
 </td>
 <td width="50%"></td>
 </tr>

</table> 
</body>
</html>

.css

HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none
}
DIV {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none
}
IMG {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none
}
TD {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none
}
BODY {
	FONT-SIZE: 12px; BACKGROUND: #999; FONT-FAMILY: Tahoma
}
TD {
	FONT-SIZE: 11px; COLOR: white
}
#Foot {
	BACKGROUND: url(/i/bg3.gif) no-repeat 50% top
}
#Foot A {
	COLOR: white
}
#cont A {
	COLOR: white
}
#Copy {
	MARGIN-TOP: 67px; WIDTH: 560px
}
#Copy A {
	TEXT-DECORATION: none
}
INPUT {
	FONT-SIZE: 11px; COLOR: #727272; FONT-FAMILY: Tahoma
}
SELECT {
	FONT-SIZE: 11px; COLOR: #727272; FONT-FAMILY: Tahoma
}
TEXTAREA {
	FONT-SIZE: 11px; COLOR: #727272; FONT-FAMILY: Tahoma
}
#mmenu {
	WIDTH: 840px
}
#mmenu A {
	COLOR: #464646; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
#mmenu TD {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; CURSOR: pointer; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#mmenu .c1 {
	BACKGROUND: #999
}
#mmenu .c1 A {
	COLOR: white
}
#mmenu .active A {
	COLOR: white
}
#mmenu .active {
	BACKGROUND: #e60017
}
#rmenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 48px; PADDING-TOP: 48px; BACKGROUND-COLOR: #585858
}
#rmenu1 {
	BACKGROUND: #666; PADDING-TOP: 20px
}
.smenu {
	WIDTH: 240px
}
.smenu A {
	COLOR: white; TEXT-DECORATION: none
}
.smenu .active {
	BACKGROUND: #e60017
}
.smenu .last {
	BORDER-BOTTOM: #797c7e 1px solid
}
.smenu .c1 {
	WIDTH: 18px
}
.smenu .c1 IMG {
	WIDTH: 13px; HEIGHT: 13px
}
.smenu .c2 {
	BORDER-TOP: #797c7e 1px solid; PADDING-LEFT: 10px; HEIGHT: 21px
}
.smenu .hover {
	BACKGROUND: #797c7e
}
.smenu .clev2 {
	MARGIN: 6px 0px 9px 10px; WIDTH: 205px
}
.smenu .clev2 TD {
	FONT-SIZE: 11px; PADDING-BOTTOM: 4px
}
.smenu .clev2 TD.c11 {
	WIDTH: 10px; HEIGHT: 18px
}
.smenu .clev2 TD.c22 {
	WIDTH: 195px
}
.smenu .clev2 A {
	TEXT-DECORATION: underline
}
.smenu .clev2 TR.active TD {
	BACKGROUND: #585858; COLOR: #bcbcbc
}
.smenu .clev2 TR.active TD A {
	BACKGROUND: #585858; COLOR: #bcbcbc
}
.smenu .clev2 TR.active TD A:hover {
	COLOR: white
}
#mmenu {
	WIDTH: 840px
}
#mmenu A {
	COLOR: #464646; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
#mmenu TD {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; CURSOR: pointer; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#mmenu .c1 {
	BACKGROUND: #999
}
#mmenu .c1 A {
	COLOR: white
}
#mmenu .active A {
	COLOR: white
}
#mmenu .active {
	BACKGROUND: #e60017
}
#ht1 {
	WIDTH: 840px; POSITION: relative; HEIGHT: 130px
}
#srch1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#srch1 INPUT {
	MARGIN: 0px; WIDTH: 263px; HEIGHT: 20px
}
#srch1 IMG {
	CURSOR: hand
}
.tblk1 TD {
	LINE-HEIGHT: 1.5
}
.tblk1 TD.c1 {
	BORDER-RIGHT: #9b9b9b 1px solid; VERTICAL-ALIGN: top; WIDTH: 188px; TEXT-ALIGN: right
}
.tblk1 TD.c1 DIV.c {
	PADDING-RIGHT: 23px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: right
}
.tblk1 TD.c2 {
	VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
.tblk1 TD.c2 DIV.c {
	PADDING-RIGHT: 23px; PADDING-LEFT: 23px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: left
}
.tblk2 {
	MARGIN-TOP: 34px; WIDTH: 544px
}
.tblk2 TD {
	LINE-HEIGHT: 1.5
}
.tblk2 TD.c1 {
	BORDER-RIGHT: #9b9b9b 1px solid; VERTICAL-ALIGN: top; WIDTH: 170px; TEXT-ALIGN: right
}
.tblk2 TD.c1 DIV.c {
	PADDING-RIGHT: 23px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: right
}
.tblk2 TD.c2 {
	VERTICAL-ALIGN: top
}
.tblk2 TD.c2 DIV.c {
	PADDING-RIGHT: 23px; PADDING-LEFT: 23px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: left
}
.sub {
	BACKGROUND: #65686a
}
.sub TD {
	PADDING-RIGHT: 20px; BORDER-TOP: #797c7e 1px solid; PADDING-LEFT: 20px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; WIDTH: 40px; CURSOR: pointer; PADDING-TOP: 0px; HEIGHT: 20px
}
.sub TD A {
	COLOR: white; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
.ptit1 {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #909090
}
.ptit2 {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 20px; PADDING-BOTTOM: 10px; MARGIN: 30px 0px 15px; COLOR: white; PADDING-TOP: 10px; BACKGROUND-COLOR: #909090
}
.ctext {
	PADDING-RIGHT: 13px; LINE-HEIGHT: 1.5
}
.ctext SMALL {
	COLOR: #bdbdbd
}
.rmenu1 {
	PADDING-RIGHT: 0px; MARGIN-TOP: 20px; PADDING-LEFT: 0px; BACKGROUND: #666; PADDING-BOTTOM: 19px; PADDING-TOP: 19px
}
.rmenu1 TABLE TD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5; PADDING-TOP: 0px
}
.rmenu1 TABLE TD.c1 {
	BORDER-RIGHT: white 1px solid
}
.rmenu1 A {
	COLOR: white
}
.rmenu1 A.active {
	COLOR: #bdbdbd
}
.tbl1 {
	MARGIN-BOTTOM: 20px; WIDTH: 100%; LINE-HEIGHT: 1.5
}
.tbl1 TD.hat {
	BORDER-TOP: white 1px solid; PADDING-LEFT: 20px; FONT-SIZE: 12px; BORDER-BOTTOM: white 1px solid; HEIGHT: 39px
}
.tbl1 TD.c1 {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; WIDTH: 280px; COLOR: #cacaca; PADDING-TOP: 10px; BORDER-BOTTOM: #898989 1px solid
}
.tbl1 TD.c2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; WIDTH: 268px; PADDING-TOP: 10px; BORDER-BOTTOM: #898989 1px solid
}
.tbl1 TD.first {
	PADDING-TOP: 10px
}
.tbl1 TD.last {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.tbl2 {
	MARGIN-BOTTOM: 20px; WIDTH: 548px; LINE-HEIGHT: 1.5
}
.tbl2 TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #898989 1px solid
}
.tbl22 {
	MARGIN-BOTTOM: 20px; LINE-HEIGHT: 1.5
}
.tbl22 TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #898989 1px solid
}
.TblAcc {
	BACKGROUND: white; MARGIN: 20px 0px; WIDTH: 548px
}
.TblAcc .c1 {
	VERTICAL-ALIGN: top; WIDTH: 99%
}
.TblAcc .c1 TABLE {
	WIDTH: 100%; HEIGHT: 182px
}
.TblAcc .c1 .cc1 {
	PADDING-LEFT: 20px; VERTICAL-ALIGN: top; COLOR: black; PADDING-TOP: 30px
}
.TblAcc .c1 .cc2 {
	PADDING-LEFT: 15px; BACKGROUND: #585858; VERTICAL-ALIGN: middle; HEIGHT: 51px
}
.TblAcc .c2 {
	WIDTH: 1%; TEXT-ALIGN: right
}
.colors {
	BACKGROUND: #696969; FLOAT: left; WIDTH: 110px; HEIGHT: 50px
}
.colors IMG {
	BORDER-RIGHT: #878787 1px solid; BORDER-BOTTOM: #878787 1px solid
}
.colors IMG.lastC {
	BORDER-RIGHT: medium none
}
.colors IMG.lastR {
	BORDER-BOTTOM: medium none
}
.smenu2 {
	WIDTH: 240px
}
.smenu2 A {
	COLOR: white; TEXT-DECORATION: none
}
.smenu2 .c1 {
	WIDTH: 18px
}
.smenu2 .c1 IMG {
	WIDTH: 13px; HEIGHT: 13px
}
.smenu2 .c2 {
	PADDING-LEFT: 10px; HEIGHT: 21px
}
.smenu2 .clev2 {
	MARGIN: 6px 0px 9px 10px; WIDTH: 205px
}
.smenu2 .clev2 TD {
	FONT-SIZE: 11px; PADDING-BOTTOM: 4px
}
.smenu2 .clev2 TD.c11 {
	WIDTH: 10px; HEIGHT: 18px
}
.smenu2 .clev2 TD.c22 {
	WIDTH: 195px
}
.smenu2 .clev2 A {
	TEXT-DECORATION: underline
}
.smenu2 .clev2 TR.active TD A:hover {
	COLOR: white
}
.rmenu2 {
	PADDING-RIGHT: 0px; MARGIN-TOP: 20px; PADDING-LEFT: 0px; BACKGROUND: #666; PADDING-BOTTOM: 19px; PADDING-TOP: 19px
}
.rmenu2 A {
	COLOR: white; TEXT-DECORATION: underline
}
.rmenu2 A.active {
	COLOR: #bdbdbd
}
.rmenu2 A.active:hover {
	COLOR: #ffffff
}
.rmenu3 {
	PADDING-RIGHT: 0px; MARGIN-TOP: 20px; PADDING-LEFT: 0px; BACKGROUND: #707070; PADDING-BOTTOM: 19px; PADDING-TOP: 19px
}
.rmenu3 A {
	COLOR: white; TEXT-DECORATION: underline
}
.rmenu3 A.active {
	COLOR: #bdbdbd
}
.rmenu3 A.active:hover {
	COLOR: #ffffff
}
.smenuPwr {
	WIDTH: 280px
}
.smenuPwr TD {
	VERTICAL-ALIGN: top; BORDER-BOTTOM: #7a7a7a 1px solid
}
.smenuPwr TD.last {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.smenuPwr TD.c2 {
	PADDING-TOP: 15px
}
.smenuPwr .r {
	PADDING-RIGHT: 0px; PADDING-LEFT: 9px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.smenuPwr A.rasd {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 2px; BORDER-BOTTOM: #828282 1px solid
}
.smenuPwr A.rasd:hover {
	TEXT-DECORATION: none
}
.smenuPwr .act {
	BACKGROUND: #e60017
}
.smenuPwr .act A {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.smenuPwr .prd {
	WIDTH: 170px; COLOR: white
}
.smenuPwr .prd TD {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.smenuPwr .prd TD.c1 {
	VERTICAL-ALIGN: middle; WIDTH: 18px
}
.smenuPwr .prd TD.c2 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.smenuPwr .prd TD.act {
	BACKGROUND: #909090
}
.smenuPwr .prd TD.act A {
	FONT-WEIGHT: bold
}
.smenuPwr .prd A {
	COLOR: white
}
P.hdr1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 15px; COLOR: #ccc; PADDING-TOP: 0px
}
DIV.hdr1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 15px; COLOR: #ccc; PADDING-TOP: 15px
}
UL {
	LINE-HEIGHT: 2
}
.tbl3 {
	BACKGROUND: white; WIDTH: 548px
}
.tbl3 TD {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; BACKGROUND: #7a7a7a; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.tbl3 .c1 {
	FONT-WEIGHT: bold; TEXT-ALIGN: left
}
.b {
	FONT-WEIGHT: bold
}
TR.b TD {
	FONT-WEIGHT: bold
}
.c {
	TEXT-ALIGN: center
}
/* #randomNews {padding-bottom:20}
 #randomNews td,#randomNews td a {color:#727272}
 #randomNews td a.n {text-decoration:none}
*/
/*
#rmenu1 {
	BACKGROUND: #666; PADDING-TOP: 20px
}
.rmenu1 {
	PADDING-RIGHT: 0px; MARGIN-TOP: 20px; PADDING-LEFT: 0px; BACKGROUND: #666; PADDING-BOTTOM: 19px; PADDING-TOP: 19px
}
.rmenu1 TABLE TD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5; PADDING-TOP: 0px
}
.rmenu1 TABLE TD.c1 {
	BORDER-RIGHT: white 1px solid
}
.rmenu1 A {
	COLOR: white
}
.rmenu1 A.active {
	COLOR: #bdbdbd
}
*/

Link to comment
Share on other sites
  • 0
yopopt Explorer

yopopt

Posted
Posted

В коде огромное количество ошибок и удивительно как ОНО вообще работает. Вместо того чтобы разбираться, проще сверстать заново.

Ну или попробуйте исправить вс? то, что напишет валидатор(думаю ошибок 200 набер?тся). Может тогда прояснится чего-нибудь. :)

Link to comment
Share on other sites
  • 0
Fixer Explorer

Fixer

Posted
  • Author
Posted

/*стиль для FF 210*/

td > div#ht5 {margin-top:210px}

/*стиль для IE*/

div#ht5 {margin-top:0px}

Я устранил ошибку (с помощью дочернего селектора) сейчас работает для IE и FF, но в Опере стало разъезжаться. Для нормального отобрадения в Опере нужно

td > div#ht5 {margin-top:0px}

но тогда не будет работать в FreFox.

Можно ли к Div применить какой-то специфичный для Opera вертикальный отступ?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept