Discussion :

[Invité]

bonjour, j'ai un petit problème avec un ensemble de div qui bouge alors que j'aimerais qu'elle ne bouge pas ... le problème peut être visible a cette endroit.

donc j'aimerais que la div .page et .servipc reste dans leur position initiale, j'ai essayer "position: absolute" mais sa fait du n'importe quoi..

merci pour l'aide

[Invité]

Une solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.menu_second {
    float: left;
    margin-left: 180px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

[Invité]

merci j'avais déjà trouver cette solution mais la div "servipc" ce cache derrière la div "page"

et le problème est que je ne peut pas lui dire de mettre "margin-top="X" pour servi-pc, car la div page s’agrandira quand il y aura du texte et des photos ..

une autre solution ou alors un moyen de mettre "servi-pc" a la suite de "page" ?

Merci

[Invité]

Tu as des problèmes de conception de la mise en page :
Certains éléments n'ont pas besoin d'être en position:absolute;
Et il faudrait les positionner les uns par rapport aux autres
=> Div et CSS : une mise en page rapide et facile

Mais bon. Commence par changer ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.page {
    background-color: #C9C9C9;
    margin-left: 155px;
    margin-top: 2px;
    padding: 10px;
    position: relative;

[oceane751]

POurquoi tu ne mets pas directement "Site créé par SERVI-PC - 8 rue des Camélias - 81120 Laboutarie - 0563344248" dans ta div du milieu, en haut?

[oceane751]

ah mais le texte doit être tout en bas!
enlève

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

position:absolute;

de .page

[Invité]

A ta place, je repartirais de zéro, sur de bonnes bases.

=> Div et CSS : une mise en page rapide et facile

Chapitre II.

[oceane751]

c'est sur que la position:absolute, et relative n'ont pas besoin d'être là pour ce type d'affichage

où doit être la classe "servipc" par rapport à la classe "page"?

[Invité]

je ne comprend pas le problème pour le placement de mes div...

-contenu : global
-menu : pour le menu sur le côté
-menu_second : pour les infos bulle (celui qui me pose problème)
-page : contenu, le centre quoi
-servipc : qui pourrait être aussi le footer, ou le bas de page

la div menu_second est caché de base et est appeler avec du javascript pour afficher les infos bulles correspondante au survol des onglets du menu...

donc quand elle apparait forcément tout ce décale

ps : la class "servipc" doit être en dessous de page, là j'ai une bonne apparence mais le contenu de page bouge.. je souhaiterais qu'il ne bouge pas est le problème sera résolu.. (voir le problème)

[Invité]

J'avais déjà donné la solution !

Une solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.menu_second {
    float: left;
    margin-left: 180px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

CE div DOIT être en position:absolute ; (= être sorti du flux)

[Invité]

a bein merci j'avais pas vu que c'etait pour menu_second, mille escuse..


Merci beaucoup j'ai le résultat attendu