Bonjour,
 
Je suis entrain de refaire mon site (qui était développé avec des tableaux comme un gros Troll) afin qu'il soit conforme XHTML 1.0 Strict. Tout es ok pour le moment mais il me semble que je positionne mal mes div, j'utilise tout le temps le positionnement absolu ce qui me semble assez mal vu.
 
Ce que je veux faire (sur la page d'accueil par exemple), est une page de ce genre :
 

 
Avec en plus, un bandeau en haut (header) et un bandeau en bas (footer).
 
Disons que les div A,B,C,D contiennent des images (1 image par div, de meme taille que le div).
 
Voila mon fichier css (je n'ai pas mis le div B, mais la logique est la même) :
 

 
Et mon fichier html (basique) :
 

 
Le probleme en fait, ce que je ne sais pas comment faire pour mettre ces elements (de A a D) DANS le "site", c'est a dire dans le cadre. Ce que je fais pour le moment, comme vous avez pu le constater, c'est que je crée le cadre à la taille des éléments...je dois donc connaitre exactement la taille des éléments, ce qui est possible avec des images, pas pas avec du texte etc...
 
Merci bcp de votre aide.  
 
Manu.

je ferai un positionnement en deux colonnes  
 
et au sein de chacune de ces colonnes 2 div  

Et ca donnerait quoi en code ?

faut pas oublier le body et un conteneur globale qui délmite la page...
 
Attends 2 secondes...

Pour le css du body j'ai simplement cela :
 

Prends exemple sur ces 4 là, tu télécharges les codes et tu regardes comment ils ont fait, tu vas y trouver ton bonheur :
 
http://www.oswd.org/design/preview/id/2902
 
http://www.oswd.org/design/preview/id/122
 
http://www.oswd.org/design/preview/id/3629

Il y a quelque chose que je ne comprends pas.
 
Dans un de ces exemple (sudoku style), il y a un div "conteneur" (pour moi c'est "site" ). Mais si j'ajoute une bordure a ce div, on voit bien que ce "conteneur" en contient rien du tout car la bordure est vide, elle ne contient rien, tout est a l'extérieur...pouvez vous m'expliquer ?
 
Encore une chose, quelqu'un peut m'expliquer la différence entre les positionnement relative et absolute ? (je sais que absolute est que l'on doit définir l'endroit exacte sur la page, et que donc l'ordre de définition des div dans le .html n'a pas d'importance, mais je ne vois pas a quoi est relatif un div en position "relative"..
 
Merci pour votre aide !

 
http://www.siteduzero.com/tuto-3-4 [...] #ss_part_3
 
Dans ton cas utilise le positionnement absolu, le fixe sert souvent pour les menus qu'ils restent collés à la page quand on navigue sur le site avec le déroulement, quand les pages sont longues.
 
Sinon apprends déja les cours de Matteo, ils sont bons pour débuter.
 
http://www.siteduzero.com/tuto-3-6 [...] e-web.html

 
Tu vois bien que dans le css le contener contient , left panel, content et right panel, qui eux mémes contiennent d'autres blocs! 360 + 200 + 200 = 760 = contener, aprés il contient aussi le top panel qui fait 760.
 
Si tu mets une bordure de 10 px ça va te foute en l'air ton design c'est pour ça que tu crois qu'il contient rien, car si tu rajoutes une bordure de 10 tu dois rajouter 10 px à tout ton systéme de bloc :
 
contener =  770 si tu ajoutes une bordure de 10, mais faudra aussi mettre le top panel à 770 et faire en sorte que left panel, right panel + content soit égal à 770 et ainsi de suite avec tout le design.

Je mets le contener a 770 avec une bordure de 10.
Je rajoute 10 aussi a top panel.
Je rajoute 10 a content (pour 370+200+200 = 770).
 
Et ca me fait ça :

 
...

 
Et ça te fait quoi?
 
En méme temps si tu mets un border: 10 px; n'oublies pas que la bordure sera des deux cotés donc 20px donc il faut 780 et pas 770!

pourquoi en div et pas en tableau, sa marche aussi bien  

le gars il veut faire son site en xhtml
pi d'abord les tables c'est pas fait pour la mise en page (ou alors oui, mais dans les années '90)
le css est là pour ça

Ouaip ! marre d'être à la traine avec mes <table> incompréhensibles et illisibles    
 
Merci pour votre aide.  

je confirme qu'il te faudra utiliser des blocs colonnes. cad un bloc qui sera ta colonne de gauche et qui contiendra deux blocs l'un en dessous de l'autre, et un bloc qui sera ta coloone de droite et qui contiendra deux blocs l'un en dessous de l'autre. le tout dans un bloc pour que tout se tienne à carreau (:D)