| |
 98.1 Кб |
|
| | День добрый.
Имеем :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<style type="text/css">
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
min-height:100%;
}
body {
background: #9ddcff;
background: url(img/back.jpg) ;
}
#wrapper {
margin-left:auto;
margin-right:auto;
width:85%;
position:relative;
min-height: 80%;
height: auto !important;
height: 80%;
background-color:#FFF;
}
#footer {
margin-left:auto;
margin-right:auto;
width:85%;
position: relative;
height: 200px;
background:url(img/map.jpg) no-repeat center;
background-color:#FFF;
}
#header {
height: 200px;
width: 20%;
max-width:15%;
float:left;
background-color:#FFF;
clear:
}
#content {
clear:both;
background:#FFF;
height:100%;
min-height:100%;
}
.logo
{
margin:60px 60px 60px 60px;
}
#flash_layer
{
position:absolute;
width: 80%;
text-align: center;
}
.flash
{
}
</style>
<!--[if lt IE 7]>
<style type="text/css">
body {
height: 100%;
}
</style>
<![endif]-->
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<div id="header"><img src="img/logo.jpg" class="logo" /></div>
<div id="flash_layer">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','580','height','200','title','АльфаТехСнаб','class','flash','src','img/ats','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/ats' ); //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="580" height="200" class="flash" title="АльфаТехСнаб" >
<param name="movie" value="img/ats.swf" />
<param name="quality" value="high" />
<embed src="img/ats.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="580" height="200"></embed>
</object>
</noscript></div>
<div id="content">CONTENT</div>
</div>
<div id="footer" > </div>
</body>
</html>
|
Скрин прилагаю.
Цель:
Чтобы логотип был на одном уровне независимо от размера браузера.
Причем чтобы Сам флеш ролик не перекрывал логотип при уменьшение размера браузера. Как происходит сейчас.
И чтобы ролик всегда был в центре относительно своего слоя.А сейчас он влево жмется.
Выравнение действует только в IE. | |
| |
|
|
| |
|
|
| |
для: Ats
(02.04.2009 в 07:01)
| | | Так задайте min-width: 1000px; для <div id="wrapper">, чтобы ничего не наползало | |
| |
|
|
