как сделать стационарной высоту header

[sajohn]

код:

<div id="header">
    <table>
     <tr>
      <td align="center" width="20%" valign="top">

<a href="/"> <img src="http://localhost/joomla/images/logo.jpg" alt="Rielty"></a>

       <h1></h1>
      </td>
     </tr>
    </table>
   </div>

получается при изменении масштаба модуль увеличивается, а я хочу чтобы было как на dom72.ru крутишь колесико - в ширину растягивается а высота = const
опять таки не понятно как так? тоже подразумеваю что это делается в css но каким тэгом?

[Aleks_El_Dia]

в CSS тегов нету))

[sajohn]

ну хорошо не тэгом, тогда чем?

[ART-DELI]

файл template_css твоего шаблона.
Там находишь это

Код:

#header {
float: left;
padding: 0px;
margin-right: 2px;
width: 1200px;
height: 180px;
background:url(../images/header_short.jpg) no-repeat;

}

width: 1200px; - ширина

height: 180px; - высота

[Bickaze]

Я толком не понял что ты хочешь ) но попробуй ширину указать в процентах а высоту в пикселях и может быть при прокрутки колесика будет все нормально)

[sajohn]

> Electric200
все бы хорошо... но у меня страница задана не абсолютно а в процентах...
попробовал и в % но с паддингом и маргином - эффект = 0

> Bickaze

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

[Bickaze]

под масштабированием ты имеешь ввиду изменение разрешения?

[sajohn]

хм... ну это когда ты крутишь колесеко мышки (меняешь масштаб) вот мне надо чтобы при увеличении масштаба модуль увеличивался из=за увеличения шрифта; а при уменьшении шрифт уменьшался а размеры модуля оставались постоянны;)

[Bickaze]

у меня изменяется область отображения страницы а не масштаб когда я кручу колесико
может принтскрин выложишь?)

[sajohn]

ну да масштаб меняется - меняется область отображения

[sajohn]

сделал так - теперь более менее:

#header {
   border: 1px solid #cccccc;
   height: 10%;
   background-color: #FEFDFD;
   background-image: url(../images/logo.jpg);
   background-repeat: no-repeat;
   background-position: left top;
}

width для данного блока непрописана - она прописана выше для всего контейнера