Positionner des div
Résolu
t671
Messages postés
1476
Date d'inscription
Statut
Membre
Dernière intervention
-
t671 Messages postés 1476 Date d'inscription Statut Membre Dernière intervention -
t671 Messages postés 1476 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai trois div. Dans chaque div, il y a un tableau.
La 1° (entete) que j'affiche en haut (style bandeau).
Les 2° et 3° dessous.
Mon soucis, est que quand je réduis la fenêtre, la 1° div se réduit, alors que je souhaiterais qu'elle ne bouge pas.
Mon CSS :
Merci.
J'ai trois div. Dans chaque div, il y a un tableau.
La 1° (entete) que j'affiche en haut (style bandeau).
Les 2° et 3° dessous.
Mon soucis, est que quand je réduis la fenêtre, la 1° div se réduit, alors que je souhaiterais qu'elle ne bouge pas.
Mon CSS :
.entete {
text-align: center;
width: 600px;
height: 150px;
}
.branche_pere {
position: absolute;
float: left;
}
.branche_mere {
position: absolute;
float: left;
margin-left: 700px;
}
Merci.
A voir également:
- Positionner des div
- Positionner des points sur une carte - Guide
- Div c++ - Télécharger - Langages
- Remplacer #div/0 par vide - Forum Bureautique
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,97,117,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
- Div pascal - Télécharger - Édition & Programmation
8 réponses
Bonjour,
essaye:
Quand la largeur de la fenêtre passe sous les 600px une barre de scroll horizontale apparait.
Si tu enlèves les commentaire de "margin:0 auto;" ta div sera centrer vis à vis de ta page si la largeur de celle ci dépasse les 600px.
Bye
essaye:
.entete {
text-align: center;
min-width: 600px;
max-width: 600px;
height: 150px;
/*margin:0 auto;*/
}
Quand la largeur de la fenêtre passe sous les 600px une barre de scroll horizontale apparait.
Si tu enlèves les commentaire de "margin:0 auto;" ta div sera centrer vis à vis de ta page si la largeur de celle ci dépasse les 600px.
Bye
Merci.
Il ne me reste plus qu'un problème à résoudre ..............
J'ai du mettre un margin-top: 60px pour éviter que la div du bas passe sur celle du dessus !
Avec cela, sur FF c'est ok, alors que sous IE j'ai un peu trop d'espace sur la hauteur entre les div.
Il ne me reste plus qu'un problème à résoudre ..............
J'ai du mettre un margin-top: 60px pour éviter que la div du bas passe sur celle du dessus !
Avec cela, sur FF c'est ok, alors que sous IE j'ai un peu trop d'espace sur la hauteur entre les div.
Salut,
Lorsque tu utilise
il ne faut pas utiliser
Mais plutot:
Exemple dans ton code:
Sinon tu utilise juste le float mais retire la position absolue.
Bye
Lorsque tu utilise
Position: absolute;
il ne faut pas utiliser
float:left;
Mais plutot:
top:30px; left:15px; /* par exemple */
Exemple dans ton code:
.branche_pere {
position: absolute;
top:180px;
left:0;
}
.branche_mere {
position: absolute;
top:180px;
left:700px;
}
Sinon tu utilise juste le float mais retire la position absolue.
Bye
Merci ! Mais ça ne change rien ....... :o'(
J'ai toujours une différence de hauteur entre les div "haut" et "bas", entre l'affichage sur FF et sur IE.
Les div "haut" et "bas" ne sont pas défini dans le CSS, car rien à définir ......
J'ai toujours une différence de hauteur entre les div "haut" et "bas", entre l'affichage sur FF et sur IE.
.entete {
margin-left: 450px;
}
.entete2 {
float: left;
margin-left: 330px;
}
.branche_pere {
position: absolute;
margin-left: 20px;
margin-top: 62px;
}
.branche_mere {
position: absolute;
margin-left: 690px;
margin-top: 62px;
}
echo '<div class="haut">'; echo '<div class="entete">'; echo '<table ............... echo '</table></div>'; echo '<div class="entete2">'; echo '<table .............. echo '</table>'; echo '</div></div>'; echo '<div class="bas">'; echo '<div class="branche_pere">'; echo '<table .............. echo '</table></div>'; echo '<div class="branche_mere">'; echo '<table ................ echo '</table>'; echo '</div></div>';
Les div "haut" et "bas" ne sont pas défini dans le CSS, car rien à définir ......
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut,
Pour une explication clair net et précise je te propose google car si c'est moi qui m'y colle tu va pas comprendre x).
Cependant une cause du décalage avec les marges peut être du à l'encodage de ta page.
Pour l'instant l'éditeur de texte le plus simple pour modifier l'encodage a mon avis est notepad++
http://notepad-plus-plus.org/fr/
Il te suffit de cliquer sur le menu encodage -> convertir en UTF-8 (sans BOM)
et la pareil, l'UTF-8 et l'UTF-8(sans BOM) sont différents.
Bref, tu enregistre, actualise ta page et tu vois si ça viens de ça.
Pour faire simple top/bottom/left/right sont réserver lorsque tu place ton élément en position absolue. il se place suivant l'élément relatif dans lequel il se trouve, mais comme je t'ai dis google t'expliquera mieux que moi :).
Bye
Pour une explication clair net et précise je te propose google car si c'est moi qui m'y colle tu va pas comprendre x).
Cependant une cause du décalage avec les marges peut être du à l'encodage de ta page.
Pour l'instant l'éditeur de texte le plus simple pour modifier l'encodage a mon avis est notepad++
http://notepad-plus-plus.org/fr/
Il te suffit de cliquer sur le menu encodage -> convertir en UTF-8 (sans BOM)
et la pareil, l'UTF-8 et l'UTF-8(sans BOM) sont différents.
Bref, tu enregistre, actualise ta page et tu vois si ça viens de ça.
Pour faire simple top/bottom/left/right sont réserver lorsque tu place ton élément en position absolue. il se place suivant l'élément relatif dans lequel il se trouve, mais comme je t'ai dis google t'expliquera mieux que moi :).
Bye
