Xpoint
   [напомнить пароль]

таблицы выходят за рамку блока,в IE7 работает а в FireFox нет

Метки: [без меток]
2008-06-01 12:47:48 [обр] funman[досье]

Скажите в чем ошибка этого кода, в IE7 он открывается правильно, но в FireFox (да и в редакторе CS3 тоже самое) таблицы выходят за рамку DIV блока "TEST_IN"

вот код.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="test1.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div class="test">
  <div class="shift">
  <div class="test_in" >
    <div class="bgcolor">
      <table width="941" border="0"  cellpadding="0" cellspacing="0" bgcolor="c8d3dd">
        <tr>
          <td   scope="col"><img src="static/images/flag_end.jpg" alt="Грузовые авиаперевозки" />&nbsp;</td>
          <th scope="col">&nbsp;</th>
          <td align="right" scope="col"><img src="static/images/flag_end2.jpg" alt="международные авиаперевозки" width="12" height="25" />          </td>
        </tr>
      </table>
    </div>
  <img src="images/headers/head_new2correct.jpg" width="941" height="121" /><br>
<table  height="25" background="images/dynamic/menu_buttons/menu_fon.jpg" width="941" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="col">Главная</th>
    <th scope="col">О Компании</th>
    <th scope="col">Услуги</th>
    <th scope="col">Тарифы</th>
    <th scope="col">Схема проезда</th>
    <th scope="col">Контакты</th>
    <th scope="col">Информация</th>
    <th scope="col">Новости</th>
  </tr>
</table>
<table width="941" height="5" border="0" cellspacing="0" cellpadding="0" bgcolor="c8d3dd">
  <tr>
    <th height="5" scope="col"><img src="images/dynamic/menu_buttons/line1.jpg" alt="Грузовое агенство ТопЭйр" /></th>
  </tr>
</table>
<table align=left border=0>
  <tr> 
    <td width=172 height=400 valign="top"><div class="menu_button"> 
      <div class="  text_mid_menu "  >test</div>
      </div>
      
      <div class="menu_button"> 
      <div class="  text_mid_menu "  >test 1</div>
      </div>
      
      <div class="menu_button"> 
      <div class="  text_mid_menu "  >test 2</div>
      </div>
      
      <div class="menu_button"> 
      <div class="  text_mid_menu "  >test 3</div>
      </div>
      
      <div class="menu_button"> 
      <div class="  text_mid_menu "  >test 4</div>
      </div>
    
    <div class="menu_button"> 
      <div class="  text_mid_menu "  >test 5</div>
      </div>
  </tr>
</table>  

<table align=left border=0>
  <tr> 
    <td width=599 height=500 valign="top"> 
    <div class=" head_1">
      Профессионалы в сфере грузовых авиаперевозок
    </div>
    <div align="left" class="head2">
        <h3>
        Приветствуем вас на сайте TOPAIR.ru
      </h3>
   </div>
        <div align="left" class="head1">
        · О Компании TOPAIR.ru ·
      </div>
        <div align="left" class=" newstext">
          <br>
          - Компании <strong>TOPAIR</strong>.ru - Rulezz!! <br>
          Здесь нужен текст о компании <br />много текста, желательно о авиаперевозках
          <br>
          <br>
          <br>
          <br><br >
          <br><br>
          Еще текст<br>
        </div>
      
        <div align="left" class="head1">
        · Наши Услуги·
      </div>
        <div align="left" class=" newstext">
          <br>
          Услуги TOPAIR.ru - Rulezz!! <strong>Авиаперевозки</strong> - 4ever!!!<br>
          Здесь нужен текст о компании <br />много текста, желательно о авиаперевозках
          <br />
          <br />
          <br />
          <br /><br />
          <br /><br />
          Еще текст<br />
        </div>
         <div align="left" class="head1">
        · Тарифы на авиаперевозку·
       </div>
        <div align="left" class=" newstext">
          <br>
          Тарифы на <strong>Авиаперевозку</strong> <br>
          Здесь нужены несколько наших лутьших или  <br />наиболее востребованных строчек из тарифов
          <br />
          <br />
          <br />
          <br /><br />
          <br /><br />
          На странцу с тарифами<br />
        </div>
        
    </td>
  </tr>
</table>

<table align=left border=0>
  <tr> 
    <td width=171 height=460><div class="news">новости авиаперевозок:</div>
      <div class="newstext2">
        <strong>первая новость</strong> 01/06/08
        <p>Самолеты летали и будут летать.</p>
        <p>сто пудово будет летать...</p>
        <p><strong>вторая новсть</strong> 01/06/08</p>
        <p>funman - Rulezzz!!!</p>
        <p><strong>третья новость</strong> 01/06/08</p>
        <p>CSS - DIV - вынос мозга</p>
        <p><strong>четвертая новость</strong> 01/06/08</p>
        <p>понял нахер нужен rowspan ж)</p>
        <p>нужен и все!!!</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
      </div>
       </td>
  </tr>
</table>




 </div>
 </div>
 
</div>

</body>
</html>

test1.css:

@charset "utf-8";
.test {
   background-color: #C8D3DD;
   width: 960px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFFFFF;
   padding: 10px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
}
.test_in {
   width: 941px;
   margin-left: auto;
   margin-bottom: 2px;
   margin-top: 0px;
   margin-right: auto;
}
.shift {
   padding-right: 9px;
   background-color: #FFFFFF;
   padding-left: 9px;
}
.bgcolor {
   background-color: c8d3dd;
}
.mainframe {
   padding: 10px;
   color: #000066;
}
.head1 {
   font-size: 12px;
   color: #FFFFFF;
   background-color: #213347;
   text-align: left;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 10px;
}
.head2 {
   font-size: 24px;
   font-weight: bold;
   color: #213347;
   background-color: #FFFFFF;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 2px;
   padding-left: 10px;
   border-top-style: ridge;
   border-right-style: none;
   border-bottom-style: ridge;
   border-left-style: none;
   border-top-color: #E7E7E7;
   border-right-color: #E7E7E7;
   border-bottom-color: #E7E7E7;
   border-left-color: #E7E7E7;
   border-top-width: 5px;
   border-bottom-width: 5px;
   text-align: center;
}
.news {
   color: #000000;
   background-image: url(images/dynamic/menu_buttons/line3.jpg);
   background-repeat: repeat-y;
   text-align: center;
}
.newstext {
   font-size: 10px;
   color: #000000;
   padding-left: 15px;
   background-color: #E3E7E8;
}
.newstext2 {
   font-size: 10px;
   color: #000000;
   padding-left: 15px;
   background-color: #E3E7E8;
   
}
.menu_button {
   font-size: 14px;
   font-weight: bold;
   color: #FFFFFF;
   background-image: url(images/dynamic/menu_buttons/left_menu.jpg);
   height: 46px;
   width: 172px;
   margin-top: 5px;
}
menubutton1 {
   text-align: center;
   vertical-align: middle;
   padding-top: 10px;
}
.text_mid_menu {
   text-align: center;
   padding-top: 10px;
}
.head_1 {
   font-size: 12px;
   color: #000000;
   background-color: #C8D3DD;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   margin-left: 10px;
   margin-right: 10px;
}
.test2 {
   font-size: 10px;
   color: #000033;
   text-align: center;
   background-color: #C8D3DD;
}
спустя 1 час 41 минуту [обр] Евгений Петров(172/1055)[досье]
funman[досье], самостоятельно уменьшайте код до минимально проблемного. В этой кривой портянке разбираться - тратить время попусту.
Powered by POEM™ Engine Copyright © 2002-2005