[CSS] PB : Mettre un div par dessus un autre

PB : Mettre un div par dessus un autre [CSS] - HTML/CSS - Programmation

Marsh Posté le 09-05-2006 à 16:51:15    

Bonjour,
 
J'ai actuellement un petit souci technique.  
 
Apres avoir realiser ma maquette sous toshop, je procede au decoupage et a la mise en forme css.
 
Voici la maquette :  
 
http://ahulane.com/promoto/prop4.jpg
 
Donc le header est decoupé, et le souci serait par rapport au menu, je voudrais qu'il deborde sur le header.
 
Pour cela j'avais pensé rapidement a un margin-top avec une valeur negative pour le faire remonter, mais en fait il remonte bien mais se trouve en dessous le header, pas cool.
 
Qqun connait surement l'astuce pour cela, on peut m'aider ?
 
Merci
 
PS : J'ai donc quatre div :  
           

  • Un conteneur principal

         

  • Un header

         

  • Un menu a gauche

         

  • Une partie centrale


Message édité par Ahulane le 09-05-2006 à 16:51:35
Reply

Marsh Posté le 09-05-2006 à 16:51:15   

Reply

Marsh Posté le 10-05-2006 à 12:02:09    

Essaie avec les z-index du header et du menu...


Message édité par Profil supprimé le 10-05-2006 à 12:02:17
Reply

Marsh Posté le 10-05-2006 à 13:25:23    

nada :o
 
margin-top:-30px et baste

Reply

Marsh Posté le 10-05-2006 à 13:36:45    

Citation :


Pour cela j'avais pensé rapidement a un margin-top avec une valeur
negative pour le faire remonter, mais en fait il remonte bien mais se
trouve en dessous le header, pas cool.

 



Il a justement dit que ça marchait pas, cette solution...

Reply

Marsh Posté le 10-05-2006 à 14:04:33    

J'ai trouvé la solution, je vous remercie quand meme.
 
;-)

Reply

Marsh Posté le 10-05-2006 à 14:21:21    

Fais-en profiter les autres...

Reply

Marsh Posté le 10-05-2006 à 14:25:20    


#gauche {
position: absolute;
left: 0;
width: 163px;
top: 165px;
}

Reply

Marsh Posté le 10-05-2006 à 14:52:22    

Fais gaffe à bien tester sous IE, car il a parfois des problèmes avec les position : absolute :)

Reply

Marsh Posté le 10-05-2006 à 15:04:57    

Oui , mais aucun probleme.
 
testé sous IE , Firefox, Opera (ce que j'ai sous la main), et rien ne bouge, positionnement impeccable partout.

Reply

Marsh Posté le 10-05-2006 à 15:12:41    

on pourai voir la gueule du code ? car à mon avis ca pue pas mal là

Reply

Marsh Posté le 10-05-2006 à 15:12:41   

Reply

Marsh Posté le 10-05-2006 à 15:40:45    

gatsu35 a écrit :

nada :o
 
margin-top:-30px et baste


 
mouaif, les marges négatives... c'est n'importe quoi même si ça marche. Une marge, elle existe ou elle existe pas, mais une marge "négative"... :/ ça me fait penser aux solution de centrage batardes avec les marges négatives justement... :/

Reply

Marsh Posté le 10-05-2006 à 16:06:16    

nan :o spice de noob :o
 
ca permet de remonter le menu par dessus le header (dans le contexte ou au niveau cHeuTeuMeuLeu le header est avant le menu) comme le monsieur cherche à faire, j'ai déjà appliqué ça dans une mise en page, et ça déboitait parfaitement

Reply

Marsh Posté le 10-05-2006 à 16:10:08    

gatsu35 a écrit :

nan :o spice de noob :o
 
ca permet de remonter le menu par dessus le header (dans le contexte ou au niveau cHeuTeuMeuLeu le header est avant le menu) comme le monsieur cherche à faire, j'ai déjà appliqué ça dans une mise en page, et ça déboitait parfaitement


 
Oui, ça marche, je le sais très bien, et je trouve ça nul. Une marge ne devrait jamais être négative. ça ne veut rien dire.

Reply

Marsh Posté le 10-05-2006 à 17:56:22    

Hermes le Messager a écrit :

Oui, ça marche, je le sais très bien, et je trouve ça nul. Une marge ne devrait jamais être négative. ça ne veut rien dire.


Ben si ca signifie pleins de choses et permet de faire de jolis effets lorsqu'on travaille avec de gros blocs.
 
Exemple : ce que sur quoi je travaille en ce moment : une usine à gaze en CSS

Reply

Marsh Posté le 10-05-2006 à 18:38:23    

gatsu35 a écrit :

Ben si ca signifie pleins de choses et permet de faire de jolis effets lorsqu'on travaille avec de gros blocs.
 
Exemple : ce que sur quoi je travaille en ce moment : une usine à gaze en CSS


 
Non, ça ne signifie rien du tout. Et j'ai moi même terminé un CMS qui crache du XHTML 1 strict + CSS. On utilise parfois les marges négatives, mais c'est presque du même ordre que les hacks, un jour ou l'autre, ça passera plus et on va se retrouver avec de plus en plus de spécificités pour tel ou tel navigateur.  
 

Reply

Marsh Posté le 10-05-2006 à 20:01:54    

http://www.w3.org/TR/CSS21/box.html#propdef-margin-top
 

Citation :


Negative values for margin properties are allowed, but there may be implementation-specific limits.

Reply

Marsh Posté le 10-05-2006 à 20:51:21    

gatsu35 a écrit :

http://www.w3.org/TR/CSS21/box.html#propdef-margin-top
 

Citation :


Negative values for margin properties are allowed, but there may be implementation-specific limits.



 
Ouai, ils encouragent pas non plus hein...  :o  

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed