Saiko

Необходимо разиестить gif-изображение поверх флешки в шапке сайта. HTML <div id="header"> <!--Flash--> <div id="flash"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','293','src','img/header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/header' ); //end AC code </script><noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1000" height="293"> <param name="wmode" value="transparent"/> <param name="movie" value="img/header.swf" /> <param name="quality" value="high" /> <embed src="img/header.swf" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1000" height="293" ></embed> </object> </noscript> </div> <div id="logo-name"><img src="img/logo-name.gif"></div> </div> CSS #header{ position:relative; margin:0px auto; background:#FFFFFF url(img/header.jpg) no-repeat center; height:290px; width:1000px; } #header #flash{ position:absolute; z-index:-1; } #logo-name{ position:absolute; z-index:100; top:75px; left:25px; }

Решил проблему. Если растянивать по вертикали горизонтальную полосу - она по бокам обрезается. Тему можно закрыть

body{ font-size:14px; font-family:Arial, Helvetica, sans-serif; background:#FF9933; } *{ margin:0px; padding:0px; } p{ margin:0px; text-align:justify; } /*верхняя часть рамки*/ #wrapping-head1{ background: url(img/bg_kirp_head.jpg) repeat-x top left; height:20px; width:50%; float:right; } #wrapping-head2{ background: url(img/bg_wood_head.jpg) repeat-x top left; height:20px; width:50%; } /*боковая часть*/ #wrapping-bg1{ position:absolute; left:0px; background:#FFFFFF url(img/bg_kirp.jpg) repeat; width:50%; height:100px; } #wrapping-bg2{ position:absolute; right:0px; background:#FFFFFF url(img/bg_wood.jpg) repeat; width:50%; height:100px; } /*контент*/ #container{ position:relative; z-index:2; top:0px; margin:0 auto; width:400px; background:#FFFFFF; } Вот код

Здрасте, мне нужно сделать сайт со сложным бекграундом, состоящий из кирпича с 1 стороны и бревен с другой (не моя идея). Т.е. фон разделен по вертикали, а по середине идет контент. Получается рамочка вокрукг контента. Соответственно растянуть фон по 1 из осей не получается, поскольку по си х он должен меняться насередине. Единственное что у меня получилось это задать определённый размер для контента с определенным отступом в пикселах а фон поместить в колонки и задать position:absolute.