Jump to content
  • 0

XHTML в?рстка, подскажите пожалуйста


iluha
 Share

Question

Документ с описанием доктайпа:

quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

http://www.w3.org/1999/xhtml">

Таблица, имеющая 100% высоты имеет три горизонтальных ячейки.

Средняя имеет фиксированную высоту.

А верхняя и нижняя должны заполнять оставшееся пространство так, чтобы средняя была в середине.

При этом доктайпе таблицу делаю 100%тной по высоте так:

html, body {

height: 100%;

margin:0;

padding:0;

}

#container {

min-height: 100%;

height:100%;

}

* html #container {

height:100%

}

и соответственно

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

Просто поместить среднюю ячейку в самостоятельную таблицу и е? в свою очередь поместить в таблицу 100%тной высоты нельзя так как под центральной ячейкой должен быть другой бекграунд нежеле у верхней.

Как сделать? Доктайп убивает все указания высоты в ячейках ((

Пробовал даже JSом создавать таблицу, вычисляя размер видимого поля открытого окна браузера, но вот что странно - при этом доктайпе document.body.clientHeight выда?т значение 1!!!

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0
почему внутренней таблице нельзя задать другой bg.

читай внимательнее.

Поробую ещ? раз объяснить:

1. Три горизонтальных ячейки. Width у них 100%.

1. Средняя ячейка фиксирована по высоте. Расположена ровно по центру.

2. При увеличении/уменьшении высоты окна браузера верхняя и нижнияя ячейки увеличиваю/уменьшают свою высоту одинаково.

3. Верхняя ячейка имеет отличные свойства от нижней по содержанию.

Как это сделать при указанном выше ДОКТАЙПЕ ?

Link to comment
Share on other sites

  • 0

Теперь понятно, что нужно немного покрутил это дело, IE растягивает таблицу как-то странно, причем ничего с этим не смог поделать, во всех остальных браузерах получается сразу же.

Обязательно таблицы? Может просто дивами cделать:

http://designformasters.info//not-for-dfm/center-block.html

Кстати, доктайпа такого нет, поправьте.

Если решили проблему с таблицами в IE, поделитесь решением.

Link to comment
Share on other sites

  • 0

Спасибо, я то как раз делаю на таблицах именно потому. что признаюсь - резиновую в?рстку на слоях плохо знаю.

Так что спасибо за тво? решение.

На таблицах я так понял. что решение может быть толькоодно:

1. document.documentElement.clentHeight - получаем высоту окна

2. JSом выстраиваем соответственно все таблицы, прич?м по вертикали полчается их растягивать только, например, помещая внутрь пустых ячеек прозрачный img, указывая его высоту.

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