Меню
Что нового?

XHTML занимает часть страницы по содержимому в Mozilla Firefox

anpv

Guest
XHTML занимает часть страницы по содержимому в Mozilla Firefox

Доброго времени суток.
PHP: 
<!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" xml:lang="ru" dir="ltr" lang="ru">
<head>
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type">
<title></title>
</head>
<body style="border-right: 10px solid black; margin: 0" bgcolor="#c6d7c6">
TEXT
</body>
</html>
В Mozilla Firefox 1.0 видно только кусок справа черной вертикальной линии (по высоте текста), хотя должно быть по размеру окна.
Подскажите в чем дело?
 

Profic

just Profic (PHP5 BetaTeam)
в том, что стандарт не описывает, того должно ли "тело документа" занимать всю видимую свободную область или нет. в твоем случае верно последнее. такое же поведение ты увидишь в Опере
 
crocodile2u

crocodile2u

http://vbolshov.org.ru
Короче, убери строчку:
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 

Profic

just Profic (PHP5 BetaTeam)
да не поможет ему это
только растягивание контента на 100% по вертикали.

ЗЫ. естественно с убиванием нафиг doctype-а :)
 
crocodile2u

crocodile2u

http://vbolshov.org.ru
Profic: конечно, одно и то же.


SelenIT: это вполне естественно, ведь мы все-таки обычно хотим добиться, чтобы наш сайт хорошо выглядел, а соответствие верстки "букве закона" - по большому счету обычно не так важно.
 

SelenIT

IT-лунатик :)
crocodile2u

Если б речь шла просто о соответствии букве, вопрос бы не возник. Но речь идет о режиме рендеринга. Лично мне поведение браузеров в Standarts compliance mode нравится гораздо больше (предсказуемее, меньше несоответсвий, в целом ИМХО легче бороться с глюками). А вот о том, что при body {height: 100%;} браузер переходит в Quirks mode - впервые слышу (а реплику Proficа можно понять и так, поэтому я и переспросил...)
 
crocodile2u

crocodile2u

http://vbolshov.org.ru
Стандарты - это хорошо. Но поставленную задачу, видимо, не решить, соблюдая все стандарты. Зададим DOCTYPE - и бордер у BODY будет только по высоте контента.
 

SelenIT

IT-лунатик :)
crocodile2u, что, такой код у тебя не работает?
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Стандарты - это сила</title>
	<style type="text/css">
html { height: 100%; }
body { height: 100%; border-right: blue solid 25px; margin: 0px; text-align: center; }
h1 { margin-top: 0px; padding: 50px; }
	</style>
</head>
<body>
<h1>Стандарты рулят!</h1>
</body>
</html>
 

SelenIT

IT-лунатик :)
Причем в ходе этой демонстрации я сам наконец понял, зачем часто советуют прописывать height: 100% и для html :)
 
crocodile2u

crocodile2u

http://vbolshov.org.ru
Да, раньше я добивался растягивания на 100%, убивая DOCTYPE, что, действительно, не шибко-то хорошо... Причем, если прописать height:100% только для BODY, желаемого результата не достичь. Что ж, в спорах рождается истина, и этот тред - еще одно тому доказательство
 

Profic

just Profic (PHP5 BetaTeam)
Гы. Как замечательно :)
Не знал, не занал. Спасибо за науку.
 
Krishna

Krishna

Продался Java
Почитал эту ветку - пытаюсь сделать на странице основную таблицу с хедером и футером заданной длины (внутри которых графичесике шапка и подложка сайта)

Вот этот код прекрасно работает в FireFox, но совершенно не работает в IE 6.0 :(((( Помогите кто-нибудь. Уже кого только не спрашивал - никто не знает что делать.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>XXX</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
html { height: 100%; }
body { height: 100%; background-color:green;}
table { height:100%; width:100%; }
.td1 { background-color:red; height:130px; width:100%; }
.td2 { background-color:blue; width:100%; }
</style>
</head>
<body>
<table border="1">
<tr>
<td class="td1">&nbsp;
</td>
</tr>
<tr>
<td class="td2">&nbsp;
</td>
</tr>
</table>
</body>
</html>
 

SelenIT

IT-лунатик :)
Krishna
Зеленая кайма вокруг таблицы нужна? Если нет, то margin: 0px для body решит проблему скроллинга.

С высотой ячеек, видимо, придется бороться с помощью expression. А ширину им зачем указывать, если столбец в таблице один и ширина ее уже задана?
 
Krishna

Krishna

Продался Java
Виноват, я просто вёрсткой мало занимался. А теперь приходится без верстальщика ваять... :(

Это просто пример - не выкладывть же полный шаблон сюда?
Просто столкнулся с проблемой, что в XHTML нельзя развернуть нормально таблицу по высоте на весь экран.
В реальности есть три области в трёх TR, в каждом 1 TD (тут два TR). Ну и размеры нужно проставить верхнему и нижнему (графичесик области дизайна) а средний длжен растягиваться до полного экрана, если в сумме выходит размер страницы меньше.

О каком expression идёт речь? Можно ссылочку? Я по W3 поискал, но так и не понял.

-~{}~ 10.02.05 22:51:

просто в ИЕ мало того, что в примере верхняя строка не равна 130, так она еще и больше в высоту, чем нижняя!!!
 
Войдите или зарегистрируйтесь для ответа.
Сверху