Jump to content
  • 0

При просмотре Гугл Хромом таблицы прижимаются к верхней границе

Likhin

Asked by Likhin,

 Share

Question

13 answers to this question

Recommended Posts

  • 0
Vlad Explorer

Vlad

Posted
Posted

Проверь в Опере и Сафари заодно, это родственники Хрома. Если ни в одном браузере больше ошибки нет, значит глюк Хрома и тогда увы, ничего не сделаешь. Если ошибка еще где-то появится, значит можно еще решить.

Link to comment
Share on other sites
  • 0
Likhin Explorer

Likhin

Posted
  • Author
Posted

В опере все нормально

вот код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type"

content="text/html; charset=windows-1251">

<title>Kawasaki ZX 250 Balius - Характеристика</title>

<link rel="stylesheet" href="css/style.css"

type="text/css">

</head>

<body>

<div style="right: auto;" class="center"> <img

src="img/kawasaki_logo.gif" class="logo">

<table style="height: 306px;" align="right" border="0"

cellpadding="1" width="52%">

<tbody>

<tr>

<td

style="background-color: rgb(192, 192, 192); text-align: left; width: 158px; height: 19px;"><font

size="-1">Длина ширина высота</font></td>

<td

style="text-align: center; background-color: rgb(192, 192, 192); width: 223px; height: 19px;"><font

size="-1">2.005х730х1.055 мм.</font></td>

<td style="width: 21px; height: 19px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td style="text-align: left; width: 158px; height: 17px;"

valign="undefined"><font size="-1">Высота по

седлу</font></td>

<td style="text-align: center; width: 223px; height: 17px;"><font

size="-1">745 мм.</font></td>

<td style="width: 21px; height: 17px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td

style="text-align: left; background-color: rgb(192, 192, 192); width: 158px; height: 12px;"

valign="undefined"><font size="-1">Дорожный

просвет</font></td>

<td

style="text-align: center; background-color: rgb(192, 192, 192); width: 223px; height: 12px;"><font

size="-1">150 мм.</font></td>

<td style="width: 21px; height: 12px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td style="text-align: left; width: 158px; height: 17px;"

valign="undefined"><font size="-1">Колесная база</font></td>

<td style="text-align: center; width: 223px; height: 17px;"><font

size="-1">1.380 мм.</font></td>

<td style="width: 21px; height: 17px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td

style="text-align: left; background-color: rgb(192, 192, 192); width: 158px; height: 13px;"

valign="undefined"><font size="-1">Угол наклона

вилки</font></td>

<td

style="text-align: center; background-color: rgb(192, 192, 192); width: 223px; height: 13px;"><font

size="-1">25<sup> о</sup></font></td>

<td style="width: 21px; height: 13px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td style="text-align: left; width: 158px; height: 13px;"

valign="undefined"><font size="-1">Масса</font></td>

<td style="text-align: center; width: 223px; height: 13px;"><font

size="-1">141 кг.</font></td>

<td style="width: 21px; height: 13px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td

style="background-color: rgb(192, 192, 192); width: 158px; height: 16px;"

align="undefined" valign="undefined"><font

size="-1">Расход топлива</font></td>

<td

style="text-align: center; background-color: rgb(192, 192, 192); width: 223px; height: 16px;"

valign="undefined"><font size="-1">39.0 км/1л.

(2,54 л/100км.) при 60 км/ч.</font></td>

<td style="width: 21px; height: 16px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td style="width: 158px; height: 15px;"

align="undefined" valign="undefined"><font

size="-1">Тормоз передний</font></td>

<td style="text-align: center; width: 223px; height: 15px;"

valign="undefined"><font size="-1">Дисковый,

ø300 мм.</font></td>

<td style="width: 21px; height: 15px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td

style="background-color: rgb(192, 192, 192); width: 158px; height: 16px;"

align="undefined" valign="undefined"><font

size="-1">Тормоз задний</font></td>

<td

style="text-align: center; background-color: rgb(192, 192, 192); width: 223px; height: 16px;"

valign="undefined"><font size="-1">Дисковый,

ø230 мм.</font></td>

<td style="width: 21px; height: 16px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td style="width: 158px; height: 16px;"

align="undefined" valign="undefined"><font

size="-1">Покрышка передняя</font></td>

<td style="text-align: center; width: 223px; height: 16px;"

valign="undefined"><font size="-1">110/70 R17

(54H)</font></td>

<td style="width: 21px; height: 16px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td

style="background-color: rgb(192, 192, 192); width: 158px; height: 14px;"

align="undefined" valign="undefined"><font

size="-1">Покрышка задняя</font></td>

<td

style="text-align: center; background-color: rgb(192, 192, 192); width: 223px; height: 14px;"

valign="undefined"><font size="-1">140/70

R17(66H)</font></td>

<td style="width: 21px; height: 14px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td style="width: 158px; height: 15px;"

align="undefined" valign="undefined"><font

size="-1">Подвеска передняя</font></td>

<td style="text-align: center; width: 223px; height: 15px;"

valign="undefined"><font size="-1">Телескопическая

вилка ø39мм.</font></td>

<td style="width: 21px; height: 15px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td

style="background-color: rgb(192, 192, 192); width: 158px; height: 14px;"

align="undefined" valign="undefined"><font

size="-1">Подвеска задняя</font></td>

<td

style="text-align: center; background-color: rgb(192, 192, 192); width: 223px; height: 14px;"

valign="undefined"><font size="-1">Маятниковая

с моноамортизатором</font></td>

<td style="width: 21px; height: 14px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td style="width: 158px; height: 10px;"

align="undefined" valign="undefined"><font

size="-1">Угол поворота  вилки</font></td>

<td style="text-align: center; width: 223px; height: 10px;"

valign="undefined"><font size="-1">35<sup> о</sup></font></td>

<td style="width: 21px; height: 10px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td

style="background-color: rgb(192, 192, 192); width: 158px; height: 15px;"

align="undefined" valign="undefined"><font

size="-1">Мин.</font><font size="-1">

радиус поворота</font></td>

<td

style="text-align: center; background-color: rgb(192, 192, 192); width: 223px; height: 15px;"

valign="undefined"><font size="-1">2.6 м.</font></td>

<td style="height: 15px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td style="height: 17px;" align="undefined"

valign="undefined"><font size="-1">Объем

топливного бака</font></td>

<td style="text-align: center; height: 17px;"

valign="undefined"><font size="-1">15 л.</font></td>

<td style="height: 17px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td style="background-color: rgb(192, 192, 192); height: 12px;"

align="undefined" valign="undefined"><font

size="-1">Тормозной путь</font></td>

<td

style="text-align: center; background-color: rgb(192, 192, 192); height: 12px;"

valign="undefined"><font size="-1">13.5 м. при

50 км/ч.</font></td>

<td style="height: 12px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td style="color: rgb(255, 255, 255); height: 15px;"

align="undefined" valign="undefined"><font

size="-1">:lol:</font></td>

<td style="color: rgb(255, 255, 255); height: 15px;"

align="undefined" valign="undefined"><font

size="-1"></font></td>

<td style="height: 15px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

<tr>

<td style="height: 8px;" align="undefined"

valign="undefined"><font size="-1"><a

class="mainmenu" href="descriptiontransmittion.html">Трансмиссия</a></font></td>

<td style="text-align: right; height: 8px;"

valign="undefined"><font size="-1"> <a

class="mainmenu" href="descriptionengine.html">Двигатель</a></font></td>

<td style="height: 8px;" align="undefined"

valign="undefined"><font size="-1"></font></td>

</tr>

</tbody>

</table>

<div class="content"> <img src="img/technical.png"><a

href="index.html"><img

style="border: 0px solid ; width: 111px; height: 79px;" alt=""

src="img/balius.png" class="balius" hspace="0"

vspace="0"></a>

<div class="topmenu"> <a href="index.html"

class="mainmenu" id="topmenu">На главную</a> |<a

href="contacts.html" class="mainmenu" id="topmenu">Контакты</a>

     <a href="#"

class="mainmenu" id="topmenu">Рус</a> |<a

href="#" class="mainmenu" id="topmenu">Eng</a>

<br>

<h2>KAWASAKI ZX-250 BALIUS</h2>

</div>

</div>

<div class="bottommenu">

     <a href="news.html"

class="mainmenu">Новости</a> <a

href="articles.html" class="mainmenu">Статьи</a>

<a href="history.html" class="mainmenu">История

модели</a> <a href="description.html" class="mainmenu"

id="active">Характеристика</a> <a

href="download.html" class="mainmenu">Скачать</a>

<a href="forum.html" class="mainmenu">Форум</a>

<a href="contacts.html" class="mainmenu">Контакты</a>

</div>

</div>

</body>

</html>

Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted

Ну и как вы думаете, без содержимого style.css можно тут что-то понять?

Пока из того, что вижу, исправьте доктайп на <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Link to comment
Share on other sites
  • 0
Likhin Explorer

Likhin

Posted
  • Author
Posted

вот css:

.center {

position: absolute;

top: 50%;

left: 50%;

margin-top: -300px;

margin-left: -400px;

border: 1px solid #999999;

width: 800px;

height: 600px;

}

.content {

border: 1px solid #fff;

width: 800px;

height: 460px;

}

.bottommenu {

border-top: 1px solid #999999;

border-bottom: 1px solid #999999;

width: 800px;

height: 22px;

}

.topmenu

{

z-index: 2;

position: absolute;

top: 50%;

left: 50%;

margin-top: -289px;

margin-left: 135px;

width: 260px;

height: 55px;

border: 0px solid #999999;

}

a:link, a:hover, a:visited {

text-decoration: none;

}

.mainmenu:link, .mainmenu:visited {

position: relative;

font-family: Tahoma;

font-size: 9pt;

font-weight: normal;

margin: 0px 0px 0px 10px;

text-decoration: none;

color: #353535;

vertical-align: middle;

}

.mainmenu:hover {

color: red;

}

#active:link, #active:visited {

text-decoration: underline;

}

#topmenu {

margin: 5px 0px 0px 5px;

}

.logo

{

margin: 15px 0px 0px 33px;

}

.balius {

z-index: 2;

position: absolute;

top: 50%;

left: 50%;

margin-top: 185px;

margin-left: 255px;

}

h2 {

font-family: Verdana, Arial;

font-size: 12pt;

margin: 4px 0px 0px 4px;

color: red;

}

.title {

font-family: Verdana, Arial;

font-size: 9pt;

font-weight: bolder;

margin: 40px 25px 0px 75px;

color: red;

}

#article {

margin: 15px 25px 0px 75px;

}

.date {

font-family: Verdana, Arial;

font-size: 8pt;

font-weight: normal;

margin: 3px 0px 5px 75px;

color: #999999;

}

.text {

font-family: Verdana, Arial;

font-size: 9pt;

margin: 0px 110px 20px 75px;

color: #353535;

}

Ну и как вы думаете, без содержимого style.css можно тут что-то понять?

Пока из того, что вижу, исправьте доктайп на <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

что это значит?, для чего там прописан путь?

Link to comment
Share on other sites
  • 0
Vlad Explorer

Vlad

Posted
Posted

Likhin, заключай код в теги [ code ] и [ /code ] без пробелов только между скобками.

В Сафари отображается аналогично Хрому. Вообще, код ужасный, за него обычно канделябром бьют. Так что в первую очередь совет - исправить ошибки, убрать ненужные теги и стили.

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