|
| |
|
|
| |
для: Kostya
(06.06.2009 в 18:09)
| | | Я тоже подобное замечал. Думаю это связано с тем что доктайп должен начинаться буквально с первого символа, а иначе он просто игнорируется некоторыми браузерами. | |
| |
|
|
| |
|
|
| |
для: Kostya
(06.06.2009 в 16:59)
| | | Попробуй так:
<table border="1" width="100%" height="100%">
<tr>
<td height="20" style="background:blue url(img/menu_head.jpg) no-repeat; width:250px; height:20px;">1</td>
<td style="background:yellow; vertical-align:top;" rowspan="3" height="100%">
Ячейка для текста
</td>
</tr>
<tr>
<td style="background:red url(img/menu_1px.jpg) repeat-y;">3</td>
</tr>
<tr>
<td height="20" style="height:20px; background:green url(img/menu_footer.jpg) no-repeat;">4</td>
</tr>
</table>
|
| |
| |
|
|
| |
|
|
| |
для: ExtraBrain
(05.06.2009 в 22:16)
| | | Хм.. интересная фишка, если в вашем примере поставить ДОКТАЙП и перед ним добавить пустой (или нет) комментарий, то работает тоже везде ровно :/
<!---->
<!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">
|
С чем же это могло быть связано... | |
| |
|
|
| |
|
|
| |
для: mihdan
(05.06.2009 в 23:19)
| | | Спасибо всем за подсказки, работаю...
PS. mihdan, у меня не получилось с Вами связаться по ICQ, но очень хотел пообщаться. | |
| |
|
|
| |
|
|
| |
для: Kostya
(03.06.2009 в 23:21)
| | | Стукните в асю - пример элементарный | |
| |
|
|
| |
|
|
| |
для: Kostya
(05.06.2009 в 18:56)
| | |
<html>
<head>
<title>Obrazec</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
html,body { width:100%; height:100%; margin:0px; padding:0px; }
</style>
</head>
<body>
<table border="1" height="1" width="700">
<tr>
<td>
<table border="1" height="100%" width="200">
<tr><td bgcolor="red" height="40"> </td></tr>
<tr><td bgcolor="blue">Меню1<br>Меню2<br>Меню3<br>Меню4<br>Меню5</td></tr>
<tr><td bgcolor="red" height="40"> </td></tr>
</table>
</td>
<td>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br>
</td>
</tr>
</table>
</body>
</html>
|
Если без доктайпа то это работает везде | |
| |
|
|
| |
|
|
| |
для: ExtraBrain
(05.06.2009 в 16:53)
| | | Нашел вроде бы нормальный вариант без вложенной таблицы, выглядит везде одинаково, но когда в ячейку для текста вставляю сам текст, то всё начинает расплываться. Вот пример, может его можно доработать...
<table border="1" width="100%" height="100%">
<tr>
<td height="20" style="background:url(img/menu_head.jpg) no-repeat; width:250px; height:20px;">1</td>
<td rowspan="3" height="100%">Ячейка для текста</td>
</tr>
<tr>
<td height="100%" style="background:url(img/menu_1px.jpg) repeat-y;">3</td>
</tr>
<tr>
<td height="20" style="background:url(img/menu_footer.jpg) no-repeat;">4</td>
</tr>
</table>
|
Еще есть идея другого подхода, тоже не доработанная, через ДИВы. Т.е. таблица здесь будет состоять из двух ячеек, первая для блока меню, вторая для основного содержания. (Работаем с первой ячейкой)
Так вот здесь я могу всю ячейку залить фоновой картинкой и через ДИВ зафиксировать другую картинку вверху. Но как при этом третью картинку зафиксировать внизу? Вот именно этот момент меня затрудняет. А делал я так:
<table width="100%" border="1">
<tr>
<td style="background:url(img/menu_1px.jpg) repeat-y; width:250px;" valign="top">
<div style="background:url(img/menu_head.jpg) no-repeat top;"> </div>
</td>
<td>
text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />text<br />
</td>
</tr>
</table>
|
Может есть у кого какие-нибудь идеи? Буду признателен. | |
| |
|
|
| |
|
|
| |
для: ExtraBrain
(05.06.2009 в 16:53)
| | | Да, пробовал так, работает только в FF. А остальные браузеры сжимают среднюю ячейку по тексту.. | |
| |
|
|
| |
|
|
| |
для: Kostya
(04.06.2009 в 13:01)
| | | А если так. Во всех трех ячейках фон такой как в средней. В верхнюю ячейку валигн=топ и картинку а в нижнюю валигн=боттом и тоже картинку. | |
| |
|
|
| |
|
|
| |
для: Valick
(04.06.2009 в 12:28)
| | | ок )
Да я уже много инфы перерыл в инете и везде всё вокруг да около. Надеюсь вот теперь на этот форум | |
| |
|
|
|
