28172 sujets

CSS et mise en forme, CSS3

j'avais positioné une image dans div id="container" ( width:900 );; Avec Position:absolute;top:0px;left:60px;
Quand je minimiser la taille de la fenêtre "Firefox" L'image Dans container Ne Bouge Pas ::

- et moi je veux l'image bouge avec le contenu de container quand je minimiser la taille de la fenêtre
Coment je v faire ??
Help Help Help SVP Smiley bawling Smiley bawling Smiley bawling
Modérateur
Bonjour et bienvenue,

Si tu peux détailler un peu mieux ton code, je pense qu'il sera plus facile de t'aider, n'est ce pas ?
l'image est le menus ;
voila quand j minimiser la fenetre le menu ne bouge pas avec le contenu :
http://www13.0zz0.com/2011/04/09/19/921940951.png
voila quand la fenetre Normal :
http://www5.0zz0.com/2011/04/09/19/498535528.png

code css :
#container {
	 width: 1000px;
	 background: url(frontpage.png) no-repeat;
     background-position:top;
     padding: 10px;
	 margin-left: auto; 
     margin-right: auto; 
	 border:1px black solid;

}
#menus {
   position : absolute;
   left : 200px;
   top : 0px;

}
#header {
     padding: 10px 70px;
}
Modérateur
En lisant vite fait ton code, je dirai ceci :

#container { 
     /*ton code en amont*/
     position:relative;
} 


Là, ton menu est positionné en fonction du body (par défaut). Après, il va falloir repositionner ton menu en fonction du #container bien sûr puisque top et left de ton menu seront erronés.

Aussi, je t'invite à lire ou à relire ces tuto

Bonne soirée à toi
Modifié par niuxe (09 Apr 2011 - 22:28)
Modérateur
container -> position : relative
menu -> position : absolute

et ton code HTML =
menu enfant de container non pas frère