заполнение, когда элемент плавающего объекта находится внутри - PullRequest
Новая
       15

заполнение, когда элемент плавающего объекта находится внутри

0 голосов
/ 24 октября 2010

у меня есть ниже HTML: 

<div class="wrapper">
    <div id="header">
        <img alt="Giannis Simeonidis" src="logo2.png" width="300" height="220"/> 
        <object width="550" height="200" id="banner">
            <param name="movie" value="banner.swf" />
            <embed src="banner.swf" width="550" height="200"  
                    wmode="transparent" 
                    type="application/x-shockwave-flash">
            </embed>
        </object>
        <div id="menu">
          <object width="600" height="20">
             <param name="movie" value="menu.swf" />
             <embed src="menu.swf" width="600" height="20"  
                    wmode="transparent" 
                    type="application/x-shockwave-flash">
              </embed>
         </object> 
        </div>
    </div><!--End of header-->
</div>

и css: 

#wrapper{
 /*background: url(header_bg.jpg) repeat-x;*/
 background: url(container_bg2.png) repeat-y;
 margin: 0 auto;
 margin-top: 20px;
 width: 900px;
}


#header{
 width: 900px;
 padding: 0 10px;
}

#banner{
 float: right;
}

#menu{
 clear: right;
 padding-left: 13px;
}

По какой-то причине правый отступ, примененный к #header, не работает; Есть идеи?

1 Ответ

0 голосов
/ 25 октября 2010

Ширина обертки составляет 900 пикселей.Ширина заголовка составляет 900px + 10px. Левый отступ + 10px. Правый отступ = 920px.

Вы пытаетесь разместить 920px div внутри 900px div.Либо сделайте обертку шире до 920 пикселей, либо заголовок короче до 880 пикселей.

...