Jump to content
  • 0

Размер шрифта в таблицах.


Колос
 Share

Question

Раньше приходилось сталкиваться с тем, что таблицы не наследуют размер шрифта от родителя. Но сейчас что-то любопытное.

Одинаковый код на разных хостингах. Размер шрифта прописан только для BODY - 13px; На одном хостинге у текста в таблице шрифт такой же - 13px. На другом 16px (т.е. размер по умолчанию).

Как это исправить я понимаю: TABLE{font-size:13px}

Но как объяснить это явление?

И должны ли таблицы, как все нормальные люди, наследовать шрифт от BODY?

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Ссылки нет :blink:

Банеров тоже нет никаких.

Код примерно такой:

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Институт</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" src="functions.js"></script>
</head>
<style>
HTML
{
height:100%;
}

BODY
{
height:100%;
margin:0px;
padding:0px;
color:#000000;
background-color:#BBBBBB;
font-family:Arial,sans-serif;
font-size:13px;
}

#glav
{
width:980px;
height:100%;
background-color:#FFFFFF;
margin:0px auto;
}

#osnovn
{
width:100%;
_height:100%;
min-height:100%;
float:left;

background-image:url('ris/osnovn.gif');
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#shapka
{
width:100%;
height:131px;

background-color:#EDEDED;
background-image:url('ris/shapka.jpg');
background-repeat:no-repeat;

}

TABLE.shapka
{
width:980px;
height:131px;
table-layout:fixed;
}

A.yazik
{
font-weight:bold;
text-decoration:none;
}

.obrat
{
font-size:11px;
vertical-align:bottom;
padding:0px 0px 3px 0px;
}

TD.yazik
{
vertical-align:bottom;
}

P.yazik
{
margin:0px 0px 7px 15px;
}

IMG.yazik
{
margin:0px 3px 0px 0px;
}


TD.licenz
{
vertical-align:top;
}

P.licenz
{
margin:10px 0px 0px 0px;
}

</style>
<body>
<div id="glav">
<div id="osnovn">
<div id="shapka">
<table cellpadding="0" cellspacing="0" class="shapka">
<tr>
<td width="390" height="80" class="iePNG"><img src="ris/shapka1.png" align="absbottom" width="390" height="80"></td>
<td width="410" class="iePNG"><img src="ris/shapka2.png" align="absbottom" width="410" height="80"></td>
<td width="180" class="licenz">
<p class="licenz">
<a href="ris/825597.jpg" target="_blank">Лицензия №58688</a>
</p>
</td>
</tr>
<tr>
<td height="51" class="yazik">
<p class="yazik">
<img src="ris/otbivka.gif" width="7" height="9" class="yazik"><a href="" class="yazik">English</a>
</p>
</td>
<td class="iePNG"><img src="ris/shapka3.png" align="absbottom" width="410" height="51"></td>
<td class="obrat">
 
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>

Вообще чисто теоретически - должна таблица наследовать размер шрифта от родителей? Потому что, как вспоминаю свои прежние вёрстки, частенько приходилось прописывать шрифт для каждой таблицы отдельно.

Edited by Колос
Link to comment
Share on other sites

  • 0
Вообще чисто теоретически - должна таблица наследовать размер шрифта от родителей?

Теоретически должна. И в стандартном режиме наследует. А вот в Quirks mode (в IE как минимум) — нет.

Тот хостинг, на котором наследование ломается, точно не впихивает какой-либо рекламной отсебятины перед доктайпом?

Link to comment
Share on other sites

  • 0

SelenIT

Хорошая наводка.

Дело не в рекламе. Сейчас уже вопрос свёлся к тому, что на моём компе всё работает правильно, если это просто файл index.html. И работает неправильно там же, если вставить его как шаблон сайта, работающего на IIS и использующего движок Zend Framework. Возможно там действительно где-то происходит сбрасывание в квиркс мод.

Edited by Колос
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

×
×
  • 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