Резиновая шапка

veliant9

Пользователь
Как можно вписать картинку в шапку сайта и сделать ее резиновой???

картинка 2500x500px

/*header*/
#header {
background: #0000
url('../head_bg.png') no-repeat center bottom;
}

<div id="header">
<div style="width: 2500px; height: 500px;">
<img src="head_bg.png">
</div></div>

Снимок экрана (4).png head_bg.png
 

veliant9

Пользователь
Fakt_37 , спс
#header {
width: 100%;
top: 0px;
left: 0px;
height: 400px;
background: #0000 url('../head_bg.png') no-repeat top;
}

#login {
position: absolute;
top: 270px;
left: 440px;
height: 100%;
}
<div id="header">
<img src="/head_bg.png" width="100%" height="400">
<!--logo-->
<div id="login">
<!--<h1>{SITENAME}</h1>
<h6>{SITE_DESCRIPTION}</h6> -->
<!--<a href="{U_INDEX}"><img src="styles/images/logo/logo_summer.png" alt="{SITENAME}" /></a> -->
<a href="{U_INDEX}"><img src="styles/images/logo/logo.png" alt="{SITENAME}" /></a>
</div>
<!--/logo-->

</div>
сделал так, кому тоже, чтоб не париться)))
 

Alex39

Пользователь
так же один из вариантов, использую и все четко
Код:
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<IMG style="vertical-align: top;" src="images/logo/logo.png" border="0" width="100%" >
</td>
</tr>
</tbody>
</table>
 
Сверху