je cherche simplement a avoir une architecture de page comme ceci :
------------------------
HEADER
------------------------
Content
Search | Advertising
------------------------
Footer
------------------------
Je voudrais donc scinder mon bloc Content en deux div a l interieur, search et advertising.
J'ai produit le code suivant qui marche parfaitement sous IE mais pas sous Firefox pour des raisons que j'ignore. En effet sous FF le bloc footer vient a l interieur du bloc advertising... j'espere que vous pourrez m aider, merci. Je ne suis pas calé en css et donc ouvert a toute amélioration...
CSS :
Code : Tout sélectionner
#header {
text-align: center;
margin: 0px auto 0px auto;
width: 788px;
background-color: #003366;
border: 1px solid #FFFFFF;
border-bottom:none;
}
#content {
text-align: left;
margin: 0px auto;
padding: 10px 0px 10px 0px;
width: 790px;
background-color: #ffffff;
}
#content #search {
width: 550px;
margin-right:0px;
padding-right:0px;
float:left;
background-color:#FFFFFF;
}
#content #advertising {
width:200px;
height:200px;
float:right;
margin-right:20px;
margin-top:20px;
border:1px solid #000000;
background-color:#FFFFFF;
}
#footer {
text-align: left;
margin: 0px auto;
padding: 3px 0px 3px 0px;
width: 790px;
background-color: #003366;
}
Code : Tout sélectionner
<div id="header"></div>
<div id="content">
<div id="search"></div>
<div id="advertising"></div>
</div>
<div id="footer"></div>
