Внимание! В связи с устареванием топика эта страница была взята из кэша.
|
Lexxx
Зарегистрирован: 28.01.02
Сообщения: 415
|
Добавлено: 13/09/03 в 11:57
|
|
Кароче, уже несколько раз сталкивался с такой проблемой вот допустим мне надо чтоб шапка растягивалась на весь экран в зависимости от разрешения монитора. Я сделал так сделал левый и правый края шапки так чтоб их можно было использовать как бэкгроунд, затем ставлю в таблице width="100%", загружаю центр шапки а края растягиваются как бэкгроунд... но вот в чём облом правый край не успевает среагировать и справа остаётся кусочек свободного пространства вот посмотрите пожалуйста http://www.freesilvergalleries.com/gallery03/gallery2.html Причём что самое интересное этот косяк исчезает если перезагрузить страницу... Надеюсь вы поняли мою проблему, извиняюсь за большой топик, пытался быть локаничным... ВСЕМ спасибо за помощь...
|
K началу
|
|
|
lev
Зарегистрирован: 15.10.02
Сообщения: 559
|
Добавлено: 13/09/03 в 12:31
|
|
Добавь в <body>
Код: | <... marginwidth="0" marginheight="0"> |
должно получиться ;)
|
K началу
|
|
|
Lexxx
Зарегистрирован: 28.01.02
Сообщения: 415
|
Добавлено: 13/09/03 в 14:17
|
|
=((( Не работает вот http://www.bestmgp.com/ruxak/index.html
|
K началу
|
|
|
Solarix
Зарегистрирован: 22.07.03
Сообщения: 1068
|
Добавлено: 13/09/03 в 14:35
|
|
у меня справа всё нормально, но в центре появляется дырка. вот смотри http://www.violentcash.org/stuff/lexxx.jpg ты центральную картинку не реж, а сделай лучше одной
|
K началу
|
|
|
Xexpert
Зарегистрирован: 17.08.03
Сообщения: 17
|
Добавлено: 14/09/03 в 05:55
|
|
Есть много способов чтобы таблица растянулась на всю ширину страницы, на мой взгляд оптимально-кроссброузерным (NN4 нафиг) будет:
Код: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head>
<script type="text/javascript"><!-- window.onresize = DoIt; function DoIt() { myTable = (ie) ? MyTab : document.getElementById('MyTab'); myTable.style.width = '100%'; } //--></script>
<style type="text/css"> body {margin:0px;padding:0px} table#MyTab {width:100%} </style>
</head> <body>
<table id="MyTab"> <tr> <td>left</td> <td>center</td> <td>right</td> </tr> </table>
</body> </html>
|
Вуаля, таблица растянута на всю ширину, осталось разместить нужный контент в ячейках желаемым образом, а вот это, уважаемый Lexx, сделай сам. Я же буду "локаничным" :-Р
Удач,
|
K началу
|
|
|
Lexxx
Зарегистрирован: 28.01.02
Сообщения: 415
|
Добавлено: 14/09/03 в 07:58
|
|
Спасибо всем, особенно Xexpert'у... пошёл я чинить дырки... =)
|
K началу
|
|
|
Descriptor
Зарегистрирован: 21.07.03
Сообщения: 149
|
Добавлено: 15/09/03 в 19:46
|
|
Центральную картинку можно резать. а чтобы не появллялось дырки, в ячейках, в которых располагаются эти картинки, нужно поставить фиксированные размеры. кроме того написать topMargin=0 marginwidth="0" marginheight="0" недостаточно нужно так:
topMargin=0 marginwidth="0" marginheight="0" leftmargin=0 rightmargin=0
|
K началу
|
|
|
Xexpert
Зарегистрирован: 17.08.03
Сообщения: 17
|
Добавлено: 15/09/03 в 23:32
|
|
Descriptor писал: | Центральную картинку можно резать. а чтобы не появллялось дырки, в ячейках, в которых располагаются эти картинки, нужно поставить фиксированные размеры. кроме того написать topMargin=0 marginwidth="0" marginheight="0" недостаточно нужно так:
topMargin=0 marginwidth="0" marginheight="0" leftmargin=0 rightmargin=0 |
всё ничего, да только нет таких параметров, согласно w3.org спецификациям... хотя, это уже вопрос семантики наверное, стоит ли писать правильно, когда неправильно пока еще работает тоже...
По моему скромному мнению лучше изначально делать правильно. Оно потом непременно окупицца. :-)
Удач,
|
K началу
|
|
|
Descriptor
Зарегистрирован: 21.07.03
Сообщения: 149
|
Добавлено: 16/09/03 в 15:07
|
|
На rightmargin IE реагирует. Можете сами попробовать.
|
K началу
|
|
|
Tekken
Зарегистрирован: 18.06.02
Сообщения: 1275
|
Добавлено: 16/09/03 в 17:00
|
|
Descriptor писал: | На rightmargin IE реагирует. Можете сами попробовать. |
[delete]
|
K началу
|
|
|
Sigurd
Зарегистрирован: 15.07.02
Сообщения: 2745
|
Добавлено: 16/09/03 в 23:41
|
|
Descriptor писал: | На rightmargin IE реагирует. Можете сами попробовать. |
Читай внимательнее ответ. Да, работает, но НЕТ в спецификации, а значит, что в один прекрасный день может перестать работать и никого кроме себя тут уже нельзя будет винить
|
K началу
|
|
|
KISSka
Зарегистрирован: 27.08.03
Сообщения: 6
|
Добавлено: 23/09/03 в 17:33
|
|
Вот попробовала изменить кусок кода, вроде всё работает.
Код: | <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td background="aria000.jpg"></td> <td background="aria000.jpg" colspan="3" align="center"> <table border="1" cellpadding="10" cellspacing="0"> <tr> <td align="center"><#onerecip#></td> <td align="center"><#onerecip#></td> <td align="center"><#onerecip#></td> </tr> </table> </td> <td valign="bottom"><img src="aria004.jpg" width="178"></td> <td background="aria005.jpg" width="40%"></td> </tr> <tr align="right"> <td width="100%" background="aria006.jpg"><br></td> <td><img src="aria007.jpg" width="223" height="126"></td> <td><img src="aria008.jpg" width="235" height="126"></td> <td><img src="aria009.jpg" width="224" height="126"></td> <td><img src="aria010.jpg" width="178" height="126"></td> <td background="aria011.jpg"><br></td> </tr> </table> |
а что-бы табличка, которая сверху, была по центру относительно окна браузера, совет, обрезать правую сверху картинку под самую голову, а с верху добавит <tr> и отцентрировать.
|
K началу
|
|
|
Descriptor
Зарегистрирован: 21.07.03
Сообщения: 149
|
Добавлено: 24/09/03 в 00:17
|
|
<td background="aria000.jpg"></td> это неправильно
нельзя, чтобы в ячейке ничего не было... Ставь "распорку" - этакий прозрачный файлик в 1 пиксель:
<td background="aria000.jpg"><img border=0 width=1 height=1 src=images/spacer.gif></td>
|
K началу
|
|
|
Juice
Зарегистрирован: 01.04.03
Сообщения: 115
|
Добавлено: 24/09/03 в 00:53
|
|
Descriptor писал: | Центральную картинку можно резать. а чтобы не появллялось дырки, в ячейках, в которых располагаются эти картинки, нужно поставить фиксированные размеры. кроме того написать topMargin=0 marginwidth="0" marginheight="0" недостаточно нужно так:
topMargin=0 marginwidth="0" marginheight="0" leftmargin=0 rightmargin=0 |
тогда уж leftMargin=0 topMargin=0 rightMargin=0 bottomMargin=0 marginwidth="0" marginheight="0"
|
K началу
|
|
|
ivango
Зарегистрирован: 09.11.02
Сообщения: 823
|
Добавлено: 24/09/03 в 01:45
|
|
Sigurd писал: | Да, работает, но НЕТ в спецификации, а значит, что в один прекрасный день может перестать работать |
Скорее, войдет в следующую версию спецификации... как правило, полезные фичи не убирают, даже если они случились сами по себе..
|
K началу
|
|
|
KISSka
Зарегистрирован: 27.08.03
Сообщения: 6
|
Добавлено: 24/09/03 в 10:58
|
|
Цитата: | <td background="aria000.jpg"></td> это неправильно |
|
K началу
|
|
|
Descriptor
Зарегистрирован: 21.07.03
Сообщения: 149
|
Добавлено: 24/09/03 в 23:49
|
|
Распорка все-таки лучше, чем пробел. Ибо уже...
|
K началу
|
|
|