Position absolute et margin-bottom aucun effet
4 messages
• Page 1 sur 1
- david11
- WRInaute discret
- Messages: 61
- Inscription: 24 Nov 2007
Position absolute et margin-bottom aucun effet
le Mar Fév 12, 2008 15:28
Bonjour,
il me reste un petit probléme dans ma page de test c'est que je peux pas faire un margin-bottom de mon conteneur par rapport au bas de du fenetre.
dans le code css du conteneur je met:
#conteneur
{
width: 783px;
margin: auto; margin-top: 15px;
margin-bottom: 30px;
margin-left: 105px;
background: url(fond.gif) center repeat-y;
position: absolute;
}
Avec position: abosolute tout marche bien il n'ya pas de bug mais je peux pas mettre un margin-bottom de mon conteneur par rapport au bas de du fenetre.
et lorsque je met:
#conteneur
{
width: 783px;
margin: auto; margin-top: 15px;
margin-bottom: 30px;
margin-left: 105px;
background: url(fond.gif) center repeat-y;
position: relative;
}
avec position relative il ya des bugs qui s'affiche (la bordure en dessous de mes titres de corps ne s'affichent pas) mais je peux faire un margin bottom.
merci pour votre attention accordé à mon probléme.
merci de m'indiquez comment je peux mettre un margin bottom pour mon conteneur par rapport au bas de la fenetre tout en gardant la postion absolute au conteneur.
code css:
code xhtml:
merci pour votre compréhension les amis
cordialement
Younes
il me reste un petit probléme dans ma page de test c'est que je peux pas faire un margin-bottom de mon conteneur par rapport au bas de du fenetre.
dans le code css du conteneur je met:
#conteneur
{
width: 783px;
margin: auto; margin-top: 15px;
margin-bottom: 30px;
margin-left: 105px;
background: url(fond.gif) center repeat-y;
position: absolute;
}
Avec position: abosolute tout marche bien il n'ya pas de bug mais je peux pas mettre un margin-bottom de mon conteneur par rapport au bas de du fenetre.
et lorsque je met:
#conteneur
{
width: 783px;
margin: auto; margin-top: 15px;
margin-bottom: 30px;
margin-left: 105px;
background: url(fond.gif) center repeat-y;
position: relative;
}
avec position relative il ya des bugs qui s'affiche (la bordure en dessous de mes titres de corps ne s'affichent pas) mais je peux faire un margin bottom.
merci pour votre attention accordé à mon probléme.
merci de m'indiquez comment je peux mettre un margin bottom pour mon conteneur par rapport au bas de la fenetre tout en gardant la postion absolute au conteneur.
code css:
- Code: Tout sélectionner
body
{
background-color: #F9F9F9;
}
#conteneur
{
width: 783px;
margin: 0px;
margin-top: 15px;
margin-bottom: 30px;
margin-left: 105px;
background: url(fond.gif) center repeat-y;
position: absolute;
}
#haut
{
HEIGHT: 140px;
width: 781px;
background-image: url(logo21.png);
background-repeat: no-repeat;
background-position: 20px 74%;
background-color: #FFFFFF;
border: 1px solid #C9C6B3;
}
#menu
{
float: left;
width: 145px;
margin: 0px;
margin-top: 0px;
background-color: #FFFFFF;
border-right: 1px solid #C9C6B3;
}
#corps
{
margin: 0px;
margin-top: 0px;
margin-left: 145px;
padding: 10px;
padding-bottom: 15px;
border-top: 1px solid #C9C6B3;
border-right: 1px solid #C9C6B3;
border-left: 1px solid #C9C6B3;
background-color: #FFFFFF;
#bas
{
CLEAR: both;
width: 781px;
border: 1px solid #C9C6B3;
font: 0.7em Tahoma,sans-serif;
height: 40px;
text-align: center;
padding: 0px;
padding-top: 10px;
background-color: #EFEDED;
}
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 9px;
width: 9px;
background-repeat: no-repeat;
}
#hautgauche {
font-size: 1px;
height: 13px;
width: 13px;
position: absolute;
top: 0;
left: 0;
background: url(hautgauche.gif);
}
#hautdroit {
font-size: 1px;
height: 13px;
width: 13px;
position: absolute;
top: 0;
right: 0;
background: url(hautdroit.gif);
}
#basgauche {
font-size: 1px;
height: 13px;
width: 13px;
position: absolute;
bottom: 0;
left: 0;
background: url(basgauche.gif);
}
#basdroit {
font-size: 1px;
height: 13px;
width: 13px;
position: absolute;
bottom: 0;
right: 0;
background: url(basdroit.gif);
}
}
code xhtml:
- Code: Tout sélectionner
<!--[if lte IE 6]>
<style type="text/css">
#hautgauche {
position: absolute;
top: 0;
left: 0;
}
#hautdroit {
position: absolute;
top: 0;
right: -1px;
}
#basgauche {
position: absolute;
bottom: -1px;
left: 0;
}
#basdroit {
position: absolute;
bottom: -1px;
right: -1px;
}
</style>
<! -->
</head>
<body>
<div id="conteneur">
<div id="hautgauche"></div> <div id="hautdroit"></div>
<div id="haut"> <!-- Debut de l'entete -->
<?php
include("haut-pub.php");
?>
</div>
<!-- Fin De l'entete -->
<div id="corps">
</div>
<div id="bas">
<?php
include("bas.php");
?>
</div>
<div id="basgauche"></div> <div id="basdroit"></div>
</div>
</body>
</html>
merci pour votre compréhension les amis
cordialement
Younes
4 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
- position absolute
- Position absolute hors de l'écran
- css 3 colonnes position absolute
- position: absolute; avec un fichier flash
- margin-left margin-right sous IE6
- [CSS] Height avec les div en position absolute
- Impact des styles (position absolute) sur Google
- "Position:absolute" du SPAM !!? (Avis d'experts R
- Balise "position absolute" -50000px
- bottom d'un tableau en CSS
- Plein de chiffres incroyables sur Google Maps
- Dictionnaire + annuaire = annuaire du Dico du Net
- Encyclopédie des commandes des moteurs de recherche
- Selon 1ère Position / Xiti, "Google monte toujours !"
- Classement Xiti/1ère Position des outils de recherche en France - Juillet 2002
- Google gagne encore beaucoup de terrain
Consultez la description détaillée des produits ou services de Google suivants : Google Sandbox, Google Earth Flight Simulator
- Analyser le positionnement dans Google
Cet outil vous permet de vérifier si une ou plusieurs page(s) de votre site arrive(nt) dans les premiers résultats de Google, pour certains mots-clés recherchés. - Analyser le positionnement dans Yahoo
Cet outil vous permet de vérifier si une ou plusieurs page(s) de votre site arrive(nt) dans les premiers résultats de Yahoo, pour certains mots-clés recherchés.
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité
Contact
Confidentialité