Comment mettre un menu à cheval sur deux bloc DIV ?

Comment mettre un menu à cheval sur deux bloc DIV ? - HTML/CSS - Programmation

Marsh Posté le 03-12-2009 à 12:32:20    

Bonjour à tous,
 
voici la première page que j'aimerai obtenir :
http://www.hiboox.fr/go/images/inf [...] c.png.html
Avant de me lancer la tête la première, j'aimerai une ou deux confirmation sur la structure qu'aura le site.
 
 
J'ai quelques notions html et css mais je ne sais pas si les choix que je ferai sont optimaux car je n'ai pas l'expérience.
 
Par rapport au dessin ci dessus,la zone grise foncée est le bakground je pense que la zone bleu en haut sera un DIV ds laquelle je mettrai une bannière. La zone bleu en dessous, sera un DIV qui englobe le tout. Jusqu'à la çà va.
Je souhaite faire un div pour chaque zone grise mais là je ne sais pas si c'est la bonne solution. Pourriez vous me conseiller sur ce point ?
 
merci a+


Message édité par Positiviste le 05-12-2009 à 13:03:41

---------------
ploum ploum tralala
Reply

Marsh Posté le 03-12-2009 à 12:32:20   

Reply

Marsh Posté le 03-12-2009 à 17:35:08    

Ca devrai étre le plus simple en css, arès la banière, en gros :  
 
-1 div pour la page
 
-1div en pour la partie gauche (float left)
       -1 div pour le premier cadre
               -1div pour l'entete du premier cadre
               -1div pour le text du premier cadre
   ...
-1div pour le milieu (peu étre extensible en fonction de la largueur de la page) (float left)
   ...
-1div pour la partie droite (float right, ou left si celle du milieu n'est pas extensible)
   ...
 
Avec pleins de div a l'intérieur des autres div, et encore plus si tu veux les arrondis!
 

Reply

Marsh Posté le 05-12-2009 à 10:21:52    

est ce que tous ces divs ne posent pas de problème ?


---------------
ploum ploum tralala
Reply

Marsh Posté le 05-12-2009 à 13:02:54    

Ok j'ai presque réussi.

 

il y a juste le menu que je ne sais pas positionner.

 

En gros j'ai 2 div (bleu foncé sur l'image) un div pour la bannière, un div pour le reste qui englobe toutes mes zones grises.
Je souhaite que le menu vienne à cheval sur ces deux blocs div comme sur l'image du premier poste.

 

Comment faire ?
postion absolu ?


Message édité par Positiviste le 05-12-2009 à 13:24:13

---------------
ploum ploum tralala
Reply

Marsh Posté le 08-12-2009 à 09:40:15    

tout à fait, l'absolu est une solution. Sinon tu peux toujours séparer tes 2 div, en 3. Vu ton image cette structure est aussi possible

Reply

Marsh Posté le 08-12-2009 à 09:57:17    

slt,

 

comment çà ?

 

http://www.desmotscrasseux.lautre.net/

 

voilà le site pour l'instant, sur mon ecran et avec mozilla pas de souci, mais sur un autre ecran ? le menu est il bien centré ,


Message édité par Positiviste le 08-12-2009 à 10:01:57

---------------
ploum ploum tralala
Reply

Marsh Posté le 08-12-2009 à 10:08:45    

le png c'est bien mais IE6 il connait pas.... bon après c'est un choix
chez moi ca passe, sur IE6 par contre l'affichage déconne
Pour avoir une idée tu as ce site  
http://browsershots.org/

Reply

Sujets relatifs:

Leave a Replay

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