Шапка сайта - превышает стандарт резины...

[maks1192 96]

Здравствуйте!

В общем делаю шаблон, почти сделал (слепил с некоторых...)

Только одно не понимаю, можно посмотреть на скрин:

Дело в том, что картинку-шапку поставил как CSS картинка..., чтоб был виден поиск + слева у меня там лого...

В CSS записано как:

background: url(../images/hedfon.jpg) repeat-x top;

hedfon.jpg - и есть CSS, картинка, размером 1100x200

Монитор: 1152x864

Тут в понятии "резина" я не понимаю, монитор если у кого меньшего размера будет - как будет отабражать - хз... может нормально, а может и нет...

В общем если я не правильно преминил картинку в CSS - помогите пожалуйста?

да.. и ещё. - у меня не на сайте, - а на Denwer"е

[diprime 7]

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

[baxus 49]

Не воткнуть что нужно.... Ставишь картинку 1000 ширина а она дублируется на 800?

попробуй я незнаю

background: url(../images/hedfon.jpg) no-repeat top center;

да и вообще записывай не в одну строчку

[maks1192 96]

1000 пикселей... хм, если я уменьшу изображение, то оно будет видно что урез идёт...

Может кто подскажет кто, - как правильно изабражение, к примеру скажем 200 пикселей в высоту (это мы не трогаем) и сделаем 1000 пикселей в ширину - и эту ширину сделать "резиновой" но при этом что-бы не выходило за пределы?

А то я уже что-то совсем запутался, знаний мало...

А в Опере почему-то всё нормально отабражает...

ППЦ! Блин! Понаделали этих браузеров, вот и подстраивай под каждый!!

[baxus 49]

чтоб резиновой сделать шапку... нужно в шапке найти врагмент однотонный.... Который можно размножить.... и делаешь три блока.

Левая картинка репиад но - центральная картинка бакграунд репеат икс - правая картинка бакграунд репеат но

Ну и боковым ширину делаешь фиксированную а центральному резиновую

И не выходило за пределы чего?

[maks1192 96]

И не выходило за пределы чего?

"За пределы" - это значит появился "лифт" в браузерах таких как IE, SafariК, Гугль хром, но.. - в Опере всё отабражает нормально...

На счёт 2 блока - слева и справа а по середине отднотонный - это я могу сделать, а вот чтобы - неоднотонно было - это уже проблемма.

Синий фон, что в CSS - взял из Висты, ужал и дабавил вниз предпанель (для часов и т.д. и т.п)

Поэтому я бы не хотел что-бы по середине было однотонно...

Если знаете, дайте примерчик?

[baxus 49]

тогда <img src="" width="100%"> и на нижний слой div а потом сверху уже остальное что там на шапке будет

[maks1192 96]

Такое ощущение, что где-то стоит резина больше 100% Вот только где эта гадина?

СКРИН

Убрал саму картину CSSшную и удалил запись в CSS - всё тоже самое, значит картинка в CSS не причём...

Изменено 13 апреля 2009 пользователем maks1192

[baxus 49]

скрин какойто непонятный

[maks1192 96]

хм.. что тут непонятного? Лифт до конца перевёл (право) и сделал автоскроллинг...

Сделать полный скрин?

[baxus 49]

ну .. попробовать... может у тебя где нибудь ячейка лишняя

[maks1192 96]

хорошо, щас перепроверю от и до main.tpl ...

Если не получится придётся выложить скрин + код...

может потом понятнее будет...

[maks1192 96]

УУУУ!!! СДЕЛАЛ!!! Оказалось, что моск мне ипал колонка login (ligin.tpl) - он был не стандартный же..., всё с 0 перепроверял и нашёл эту гадину!!!

Завтра полее подробно расскажу, счас времени нет...

[baxus 49]

Ага у меня тоже такое недавно было... Но мне было легче найти потому что сайт съезжал только при авторизации на сайте

[maks1192 96]

В общем это... я же выдрал из стандатрного шаблона тогда, а у неё же в 2 колонки, вот и расширяемость больше. Где было более 200 пикселей - ставил width="100%" - и резина успешно приняла!!!

Теперь вопрос с шапкой:

как сделать шапку 1000 пикселевой - резиной?

Вот скрин:

т.о. на скрине видно что справа - 1000пиксельная картинка не растягивается а родолжает свою нерастягиваемость (тоесть с начала)

сделал вот так:

background: URL('../images/cont_info_line_bg.gif') repeat-x bottom left;

ИскушениЕ, как вы предлагали: вставить в html код.... НЕТ, а логотип то смещается!!!! Хоть и как бэкграунд поставил. Может я что не правиль сделал?

но не резинится...

[baxus 49]

Ставь не бекграундом... бекграунд не растянуть.

Нужно два блока сделать.

Один содержит картинку с атрибутами растяжки по ширине 100% а второй со всем остальным.

тоесть

.shapka{

position:absolute;

top:0px;

left:0px;

z-index:1;

}

Что то вроде этого

и второй

.logo{

Здесь атрибуты для лого

z-index:2;

}

А потом делаем блоки примерно так.

<div class="logo">Здесь впихивай два дива один с картинкой и другой с поиском</div><div class="shapka"><img src="путь" width="100%"></div>

[maks1192 96]

ИскушениЕ,

Как у меня прописанно в данный момент:

1. Логотип, в виде монитора. Прописан в main.tpl как:

<td height="200" align="left" valign="top"><a href="/index.php" title="X-X-X-X-X информационно - развлекательный портал"><img src="{THEME}/images/logo.png" width="200" height="200" align="left" /></a></td>

2. Малая панель поиска + изобр.- в main.tpl:

<table width="545" cellspacing="0" cellpadding="0">

  </tr>

	<td width="45" height="60" </td>

	<td width="500" height="60" <br />

<div align="right">


<table width="290" border="0" cellspacing="0" cellpadding="0">

<form onsubmit="java script: showBusyLayer()" method="post" action=''>

<input type="hidden" name="do" value="search" />

<input type="hidden" name="subaction" value="search" />

  <tr>

   <td width="15">&nbsp;</td>

   <td width="186" align="left"><input name="story" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" class="s_field" style="width:180px" /></td>

   <td width="35" align="left"><input type="image" src="{THEME}/images/search.png" /></td>

   <td width="47">&nbsp;</td>

 </tr>

</form> 

</table>

</div><br/>	

	</td>

  </tr>

CSS малой формы поиска:

/* ==================== Поле малой формы поиска */


.s_field {

	color: #757575;

	background-image: url(../images/small_search.png);

	background-repeat: repeat-x;

	height: 15px;

	padding-left: 3px;

	border: 1px solid #b5b5b5;	

	font-weight: bold;

}


/* ==================== Поле формы авторизации */

3. CSS изабражение: (только в css)

html, body {

background: url(../images/hedfon.jpg) repeat-x left top; width: 100%; }

ИскушениЕ, если всё эТО так как вы и думали, ваш код должен сработать, так?

[baxus 49]

Что то не догнал... это к чему?

[maks1192 96]

ладно, проехали...

[maks1192 96]

В общем ничего не получается

Либо я не догнал...

А делать однотонно на всю станицу - некрасиво