-
Вопрос вот в чем. Когда я верстал в HTML 4.01, то обычно по высоте родительскую таблицу делал 100% а уже в ней контент область, т.е. <td> этой области, делал тоже 100%, т.о. у меня всегда футер страницы был прижат к нижнему краю окна браузера, независимо от того был ли контент в той самой ячейке или нет, но вот xhtml при указании 100% высоты таблицы вссе ок, она развигалась на 100% окна, но, если я еще указываю 100% для той самой контент части, то уже она на 100% окна разъезжается, вытесняя футер вниз из видимой части окна. Как решить данную проблему. Ниже примерный код всего. Необходимо, чтобы ячека с содержимым 222 была резиновой и при этом не заставляла узжать вниз ячейку 333.
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<head>
* <title></title>
* <style type="text/css">
* html, body {
* * *height: 100%;
* }
* </style>
</head>
<body>
<table style="width:100%; height:100%; border: solid 2px;">
<tr>
****<td style="height:100;">111</td>
</tr>
<tr>
****<td style="height:100%;">222</td>
</tr>
<tr>
****<td style="height:100;">333</td>
</tr>
</table>
</body>
</html>
-
ну раз перешел на xhtml1.1 (он же strict), то верстай полностью на дивах тогда...
посмотри в этом разделе много раз подобные вопросы обсуждались
-
во-первых, 1.0 и Transitional, я случайно стрикт указал здесь и, во-вторых, разве xhtml предназначен только для CSS-верстки?
-
ваше личное дело. в любом случае про 100% в xhtml говорилось в этом разделе не один раз, юзайте поиск
-
xhtml если брать посути предназначен не для людей.
не морочьте голову себе .
Если вы напишите в доктайпе что это ххтмл и будете в то же время версать таблицами, то суть не изменится
-
А, зачем вам понадобилось переходить в стандарт xhtml?
-
Господа професионалы, ну какая вам в общем-то разница почему парень на xhtml перешел. Ну нaдо значить. Не знаете так и скажите или скажите что невозможно.
-
xhtml мне понадобился для интерфейса новой версии cms моей команды, т.к. xhtml по сути xml документ, то открываются новые возможности
однако поняв суть xhtml, я сверстал на div'ах интерфейс, однако и здесь проблема возникла.
здесь опять же мне нужны те 100% но уже контент блока div, т.к. я от таблиц отказался
вот код xHTML, собственно, нужно растянуть контент область
Код:
<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title> * * * * * * * *
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body> *
*
*
</body>
</html>
вот код CSS
Код:
*{
****margin: 0;
****padding: 0;
}
a:link {
****color: black;
****text-decoration: none;
}
a:visited {
****color: red;
****text-decoration: none; *
}
a:active, a:hover {
****color: red;
****text-decoration: none;
}
html, body {
****background: url(images/bg5.gif) repeat;
****margin: 0px;
****padding: 0px;
****height: 100%;
}
.menu {
****background: #b4b7c2;
****border-bottom: solid 1px #716f64;
****color: #000000;
****font: 12px Verdana, Helvetica, sans-serif;
****height: 23px;
}
.logo {
****background: url(images/bg1.gif) repeat-x;
****border-top: solid 1px #ffffff;
****border-bottom: solid 1px #716f64;
****height: 53px;
}
.pathway {
****background: url(images/bg2.gif) repeat-x;
****border-top: solid 1px #ffffff;
****border-bottom: solid 1px #716f64;
****font: 11px Verdana, Helvetica, sans-serif;
****color: #000000;****
****padding-left: 7px;
****height: 23px;
}
.controls {
****background: #f0f2f6;
****border: solid 1px #716f64;
****height: 40px;
****margin: 5px;
}
.controls input {
****float: right;****
}
html .content {
****background: #f0f2f6;
****border: solid 1px #716f64;
****padding: 5px;
****vertical-align: top;
****min-height: 70%;
****height: auto;
****margin: 5px;
}
.line{
****width: 100%;
****color: red;
}
.copyright {
****background: url(images/bg4.gif) repeat-x;
****border-top: solid 1px #ffffff;
****font: 10px Verdana, Helvetica, sans-serif;
****color: #000000;
****text-align: center;
****height: 30px;
}
.copyright a:hover{
****text-decoration: underline;
****color: #000000;
}
-
да, а по теме я уже разобрался, для резиновой ячейки необходимо указывать параметр height: auto. Правда это не работает во всем любимом осле.
чем серьезнее начинаю заниматься версткой, тем больше начинаяю ненавидеть детище мелкомягких
-
да... и последнее, начитался я доков по xhtml и уже жуть, как нетерпится, когда все перейдем на него и будем верстать исключительно через xhtml+css2 (быстрее бы 3я редакция подошла, там ваще огонь нововведения есть), не забывая про семантику!
-
Цитата:
Originally posted by Zigzag@May 23 2006, 21:44
да... и последнее, начитался я доков по xhtml и уже жуть, как нетерпится, когда все перейдем на него и будем верстать исключительно через xhtml+css2 (быстрее бы 3я редакция подошла, там ваще огонь нововведения есть), не забывая про семантику!
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Вспомните сколько ждали ЦСС2. А приняты были рекомендации в 98 году
-
Цитата:
Originally posted by Zigzag@May 23 2006, 23:41
чем серьезнее начинаю заниматься версткой, тем больше начинаяю ненавидеть детище мелкомягких
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
ну фик его знает : ) может я никогда не верстал сложные макеты, но когда все делаешь "по стандартам" получаешь 3 идентичные картины в ИЕ, лисичке и опере. единственное за что можно не любить ИЕ - усложнение работы с пнг, но опять же - достаточно один раз разобраться и дальше все нормально и логично идет.
единственное что, я юзаю xhtml1.1 (strict) - там шаг в лево, шаг в право - развал страницы : )
-
Live
я не говорю об очень сложных макетах, но необходимые мне селекторы на теперешнем уровне моей верстки не поддерживаются ИЕ
-
стало интересно : ) можешь показать примеры, макет и что не поддерживается? какой путь для верстки...
-
да, забыл уточнить, вышесказанное мной применительно к xhtml, поддержка html меня в целом устраивает в ИЕ
вот, что мне стало необходимо с некоторых пор и что не поддерживает ИЕ:
- max-height, max-width;
- min-height, min-width;
- height: auto;
так же для меня представляют дочерние селекторы, например:
- ol > li { значение }
и т.д.
-
кстати, а что по поводу моего вопроса выше?
