par
esther123 » 02 févr. 2016, 10:57
Bonjour, je réalise une page web, avec mon texte au centre de ma page, un texte encadré à droite équivalent d'un <aside> et un pied de page.
Seulement problème: le texte encadré est bien trop bas et quand je décide de le remonter avec margin-top, le pied de page remonte lui aussi et empiète sur mon texte.
<body>
<?php include("entete.php"); ?>
<section>
<div class="qsn_txt">
<p>Qui sommes-nous ?<p />
Ici pleins de ligne de texte
</div>
</section>
<div class="msg_confidentialite">
Nous garantissons la sécurité de vos informations personnelles.<br />
Elles ne seront divulgées à quelconque tiers.
</div>
</body>
voici le css de mon texte centrale et du petit encadré:
div.qsn_txt{
margin: 0 auto;
width: 33%;
}
div.msg_confidentialite{
display: inline-block;
border-style: groove;
border-color: #ffffff;
width: 17%;
font-size: 19px;
float: right;
margin-top: 0%;
margin-right: 10%;
}
et le css du pied_de_page
footer{
position: relative;
clear:both;
margin-top: -150px;
height: 150px
}
Avez-vous des solutions pour arranger ce problème ?
Merci d'avance pour vos réponses

Bonjour, je réalise une page web, avec mon texte au centre de ma page, un texte encadré à droite équivalent d'un <aside> et un pied de page.
Seulement problème: le texte encadré est bien trop bas et quand je décide de le remonter avec margin-top, le pied de page remonte lui aussi et empiète sur mon texte.
[html]<body>
<?php include("entete.php"); ?>
<section>
<div class="qsn_txt">
<p>Qui sommes-nous ?<p />
Ici pleins de ligne de texte
</div>
</section>
<div class="msg_confidentialite">
Nous garantissons la sécurité de vos informations personnelles.<br />
Elles ne seront divulgées à quelconque tiers.
</div>
</body>[/html]
voici le css de mon texte centrale et du petit encadré:
[css]div.qsn_txt{
margin: 0 auto;
width: 33%;
}
div.msg_confidentialite{
display: inline-block;
border-style: groove;
border-color: #ffffff;
width: 17%;
font-size: 19px;
float: right;
margin-top: 0%;
margin-right: 10%;
}[/css]
et le css du pied_de_page
[css]footer{
position: relative;
clear:both;
margin-top: -150px;
height: 150px
}[/css]
Avez-vous des solutions pour arranger ce problème ?
Merci d'avance pour vos réponses :) :)