2010-10-24 10 views
0

j'ai le ci-dessous html:rembourrage lorsqu'un élément d'objet flottant est à l'intérieur

<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> 

et le css est:

#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; 
} 

Pour une raison quelconque le rembourrage droit appliqué à la #header ne fonctionne pas ; Des idées?

+0

Pouvez-vous donner un code plus simple indiquant clairement le problème. Le code actuel charge des images et des objets (ce qui, bien sûr, n'est pas en mesure de le faire sur mon ordinateur local) –

+0

header { width: 900px; rembourrage: 0 10px; } – pavlos

+0

le probleb est dans cette partie du code. Le rembourrage de 10px ne fonctionne que sur le côté gauche, le côté droit n'est pas affecté. – pavlos

Répondre

0

La largeur de l'emballage est de 900px. La largeur de l'en-tête est 900px + 10px Rembourrage à gauche + 10px Rembourrage à droite = 920px.

Vous essayez d'insérer un div de 920px dans un div de 900px. Rendez l'emballage plus large à 920px ou l'en-tête plus court à 880px.