<style>
html,body{
height:100%;
}
</style>
Таблица не тянется на 100% по вертикали.
Господа помогите, уже около месяца мучаюсь с этим вопросом.
Вот код
[HTML]<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
</head>
<body style="margin: 0px; padding: 0px;">
<table cellpadding="0" cellspacing="0" border="2" width="100%" height="100%" style="height:100%">
<tr>
<td align="center">This table doesn`r stretch on 100% by vertical</td>
</tr>
</table>
</body>
</html>[/HTML]
как видите в нем указываю в 2-х вариантах растягивание таблицы на 100% по вертикали, при помощи height и стилей. Но почему то не работает.
Более того удивляет то, что когда убираю доктайп как ни странно все работает нормально.
То есть вот так
[HTML]
<html>
<head>
<title></title>
</head>
<body style="margin: 0px; padding: 0px;">
<table cellpadding="0" cellspacing="0" border="2" width="100%" height="100%" style="height:100%">
<tr>
<td align="center">This table doesn`r stretch on 100% by vertical</td>
</tr>
</table>
</body>
</html>
[/HTML]
Как быть в данном случае:confused:
Вот код
[HTML]<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
</head>
<body style="margin: 0px; padding: 0px;">
<table cellpadding="0" cellspacing="0" border="2" width="100%" height="100%" style="height:100%">
<tr>
<td align="center">This table doesn`r stretch on 100% by vertical</td>
</tr>
</table>
</body>
</html>[/HTML]
как видите в нем указываю в 2-х вариантах растягивание таблицы на 100% по вертикали, при помощи height и стилей. Но почему то не работает.
Более того удивляет то, что когда убираю доктайп как ни странно все работает нормально.
То есть вот так
[HTML]
<html>
<head>
<title></title>
</head>
<body style="margin: 0px; padding: 0px;">
<table cellpadding="0" cellspacing="0" border="2" width="100%" height="100%" style="height:100%">
<tr>
<td align="center">This table doesn`r stretch on 100% by vertical</td>
</tr>
</table>
</body>
</html>
[/HTML]
Как быть в данном случае:confused:
Как быть?
Вставить вот такие строчки между <head></head> или куда поглубже:)
А интересно где это так нужно сделать что бы была табличка стопроцентная?
Вставить вот такие строчки между <head></head> или куда поглубже:)
Код:
А интересно где это так нужно сделать что бы была табличка стопроцентная?
Цитата: whitehood
Как быть?
Вставить вот такие строчки между <head></head> или куда поглубже:)
А интересно где это так нужно сделать что бы была табличка стопроцентная?
Вставить вот такие строчки между <head></head> или куда поглубже:)
Код:
<style>
html,body{
height:100%;
}
</style>
html,body{
height:100%;
}
</style>
А интересно где это так нужно сделать что бы была табличка стопроцентная?
а как насчет
[HTML]table.vert {height: 100%}[/HTML]
оо прикольно работает, а можно какую нибудь ссылочку на статейку по данной теме, или прям тута обьясните плз почему так происходит в xhtml
Ссылку не дам ибо нету ;)
Весь прикол в том что высота по дефолту не сто процентов, а равна высоте вложенных элементов.
Почему, да хз, наверно так задумано.
Весь прикол в том что высота по дефолту не сто процентов, а равна высоте вложенных элементов.
Почему, да хз, наверно так задумано.
Цитата: Anton Kharlamov
оо прикольно работает, а можно какую нибудь ссылочку на статейку по данной теме, или прям тута обьясните плз почему так происходит в xhtml
В Опере протестируй - она очень не любит 100%-ые высоты.
[QUOTE=whitehood]А интересно где это так нужно сделать что бы была табличка стопроцентная?[/QUOTE]
В бэкэндах такое часто встречается....
Цитата: RussianSpy
В Опере протестируй - она очень не любит 100%-ые высоты.
как раз то в опере все нормал, но происходит баг с эксплорером, подробнее тут http://forum.codenet.ru/showthread.php?t=35573