Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Помогите советом пожалуйста
цитата
13/09/03 в 10:57
 Lexxx
Кароче, уже несколько раз сталкивался с такой проблемой вот допустим мне надо чтоб шапка растягивалась на весь экран в зависимости от разрешения монитора. Я сделал так сделал левый и правый края шапки так чтоб их можно было использовать как бэкгроунд, затем ставлю в таблице width="100%", загружаю центр шапки а края растягиваются как бэкгроунд... но вот в чём облом правый край не успевает среагировать и справа остаётся кусочек свободного пространства вот посмотрите пожалуйста
http://www.freesilvergalleries.com/gallery03/gallery2.html
Причём что самое интересное этот косяк исчезает если перезагрузить страницу...
Надеюсь вы поняли мою проблему, извиняюсь за большой топик, пытался быть локаничным... ВСЕМ спасибо за помощь...
цитата
13/09/03 в 11:31
 lev
Добавь в <body>
Код:
<... marginwidth="0" marginheight="0">

должно получиться ;)
цитата
13/09/03 в 13:17
 Lexxx
=((( Не работает вот
http://www.bestmgp.com/ruxak/index.html
цитата
13/09/03 в 13:35
 Solarix
у меня справа всё нормально, но в центре появляется дырка. вот смотри http://www.violentcash.org/stuff/lexxx.jpg
ты центральную картинку не реж, а сделай лучше одной
цитата
14/09/03 в 04:55
 Xexpert
Есть много способов чтобы таблица растянулась на всю ширину страницы, на мой взгляд оптимально-кроссброузерным (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, сделай сам. Я же буду "локаничным" :-Р

Удач,
цитата
14/09/03 в 06:58
 Lexxx
Спасибо всем, особенно Xexpert'у... пошёл я чинить дырки... =)
цитата
15/09/03 в 18:46
 Descriptor
Центральную картинку можно резать. а чтобы не появллялось дырки, в ячейках, в которых располагаются эти картинки, нужно поставить фиксированные размеры.
кроме того написать topMargin=0 marginwidth="0" marginheight="0" недостаточно нужно так:

topMargin=0 marginwidth="0" marginheight="0" leftmargin=0 rightmargin=0
цитата
15/09/03 в 22:32
 Xexpert


всё ничего, да только нет таких параметров, согласно w3.org спецификациям... хотя, это уже вопрос семантики наверное, стоит ли писать правильно, когда неправильно пока еще работает тоже...

По моему скромному мнению лучше изначально делать правильно. Оно потом непременно окупицца. :-)

Удач,
цитата
16/09/03 в 14:07
 Descriptor
На rightmargin IE реагирует. Можете сами попробовать.
цитата
16/09/03 в 16:00
 Tekken


[delete]
цитата
16/09/03 в 22:41
 Sigurd
Descriptor писал:
На rightmargin IE реагирует. Можете сами попробовать.


Читай внимательнее ответ. Да, работает, но НЕТ в спецификации, а значит, что в один прекрасный день может перестать работать и никого кроме себя тут уже нельзя будет винить icon_smile.gif
цитата
23/09/03 в 16:33
 KISSka
Вот попробовала изменить кусок кода, вроде всё работает.
Код:
<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> и отцентрировать.
цитата
23/09/03 в 23:17
 Descriptor
<td background="aria000.jpg"></td>
это неправильно

нельзя, чтобы в ячейке ничего не было... Ставь "распорку" - этакий прозрачный файлик в 1 пиксель:

<td background="aria000.jpg"><img border=0 width=1 height=1 src=images/spacer.gif></td>
цитата
23/09/03 в 23:53
 Juice
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"
цитата
24/09/03 в 00:45
 ivango
Sigurd писал:
Да, работает, но НЕТ в спецификации, а значит, что в один прекрасный день может перестать работать


Скорее, войдет в следующую версию спецификации...
как правило, полезные фичи не убирают, даже если они случились сами по себе..
цитата
24/09/03 в 09:58
 KISSka
Цитата:
<td background="aria000.jpg"></td>
это неправильно
&nbsp;
цитата
24/09/03 в 22:49
 Descriptor
Распорка все-таки лучше, чем пробел. Ибо уже...


Эта страница в полной версии