Удлинить хедер - HTML и CSS

starclyde · 10.02.2011, 17:49

Здравствуйте!
Если вставить длинную картинку img-treeline1.jpg выходящую за пределы экрана, то блок header не удлинняется в ширину картинки. Возможно ли сделать так чтоб хедер был длиной в блок куда помещается изображение ?

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>

<title>Resizable Image Demo</title>	
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="imagetoolbar" content="no">

<style type="text/css">		
/*====== Resets ======*/

#wrapper {
	background-color:#00CCFF;
	width: 100%;
}
#header{
	background-color:#00FF33;
	width: 100%;
}
#container {
	background-color:#CC0099;
}


#content {
background-color:#999999;
}
#footer {

}
</style>

<![endif]-->
</head><body>
<div id="wrapper">
    <div id="header">
        <h2>Resizable Image Demo</h2> 
    </div>
	
    <div id="container">
			<div id="content">
    			<img  src="img-resize_files/treeline1.jpg">
            </div>
        </div>
    </div>
    <div id="footer"><h4>View the source code for the details</h4></div>
</div>
</body></html>

megarazum · 12.02.2011, 15:23

на самом деле ничего непонятно что вы хотите? вы хотите чтобы ширина слоя header равнялась ширине картинке? так и пользуйтесь свойствами width height. если картинка постоянно меняется то через ява скрипт что бы тот в свою очередь брал разрешение картинки, брал параметр ширины и записывал соответствубющее значение. но кажется мне гемороя тут больше чем ручкой прописать)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Переписать хедер C в паскаль	Федеор	Помощь студентам	1	30.10.2010 21:31

12.02.2011, 15:23	#2
megarazum Регистрация: 12.02.2011 Сообщений: 8	на самом деле ничего непонятно что вы хотите? вы хотите чтобы ширина слоя header равнялась ширине картинке? так и пользуйтесь свойствами width height. если картинка постоянно меняется то через ява скрипт что бы тот в свою очередь брал разрешение картинки, брал параметр ширины и записывал соответствубющее значение. но кажется мне гемороя тут больше чем ручкой прописать)