div qui bouge

Version imprimable

05/05/2012, 17h17
Invité

div qui bouge

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

Une solution :

Code:

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;
}

05/05/2012, 18h01
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
05/05/2012, 18h37
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:

1 2 3 4 5 6 .page { background-color: #C9C9C9; margin-left: 155px; margin-top: 2px; padding: 10px; position: relative;
05/05/2012, 18h48
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?
05/05/2012, 18h51
oceane751

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

Code:

position:absolute;

de .page
05/05/2012, 19h03
Invité

merci, en relative, la div ne bouge plus mais le contenu de la div bouge pour laisser place a la bulle (voir le problème)
05/05/2012, 19h06
Invité

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

Citation:

Envoyé par jreaux62

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

Chapitre II.
05/05/2012, 19h09
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"?
05/05/2012, 19h11
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)
05/05/2012, 19h16
Invité
J'avais déjà donné la solution !
Citation:
Envoyé par jreaux62

Une solution :

Code:

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)
05/05/2012, 19h22
Invité

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

Merci beaucoup j'ai le résultat attendu