Bonjour, le thème de mon site était fait avec des tableaux, j'ai décidé de les enlever et de les remplacer par des div et css ; merci d'ailleurs pour les contributions de ce forum qui mon aide.
Il y a 3 jours j'étais content de mois d'y être arrivé, maintenant je voudrais encore l'améliorer sauf que j'aurais besoin de conseil ; un des problème est que lorsque la résolution de l'écran est supérieur à 1027, le site déborde sur la droite.
-------
Le site : http://lansou.dodi-be.com/index.php?op=edito
-------
Merci !
Salut,

c'est sans doute parceque tu le centrage du site avec la technique des marges negatives :

#cadre_site {
  margin-left: -465px;
  margin-top: -280px;
  top: 50%;
  left: 50%;
  position: absolute;
  width:91%;
  border: #000 0px solid;
}


Essayes avec :

margin: 0 auto;


ou

position: relative;
margin: 0 auto;


Je peut savoir avec quoi tu as codé ce site, le code html autant que le CSS sont impressionnants...

Javascript interne et externe, style dans les balises html, css de 15km qui je pense n'a pas été faite à la main...

Tu as 2 erreurs sur des url ligne 12 et 17 au validateur css
Modifié par Hum (16 Sep 2006 - 14:13)
Administrateur
oim a écrit :
Bonjour, le thème de mon site était fait avec des tableaux, j'ai décidé de les enlever et de les remplacer par des div et css

Arf, cette manie de remplacer systématiquement des <td> par des <div> Smiley bawling
C'est aller de mal en pis :
- aucun apport de sens (sémantique)
- aucun allègement du code
- aucune amélioration dans la complexité
- aucun apport en terme d'accessibilité (la balise <div> n'a pas plus de sens qu'un <td>).

Bref : suivre les modes c'est bien; comprendre pourquoi on le fait, c'est mieux.

Pour rappel :
- http://openweb.eu.org/articles/respecter_semantique/
- http://blog.alsacreations.com/2005/07/28/175-semantique-semantique-est-ce-que-jai-une-tete-de-semantique
Merci, pour la réponse, par contre si je fais ca comment je peux faire pour le site reste centrer ?
-------
Concernant les 2 erreurs du validateur css, je ne les ai pas ca me marque "félicitation Ce document est valide conformément à la recommandation CSS!"
-------
Pour ce qui est de la css, il y a plein de trucs qui ne servent pas, une fois que j'aurai terminer je ferais le ménage
-------
Raph pour ce qui est de la sémantique, j'y vais par étape, la différence entre mon thème avec table est de 10 Ko, c'est bien ; on fait ca pour le plaisir dès qu'on a un peu de tps libre !
Raphael a écrit :

Arf, cette manie de remplacer systématiquement des <td> par des <div> Smiley bawling
C'est aller de mal en pis :
- aucun apport de sens (sémantique)
- aucun allègement du code
- aucune amélioration dans la complexité
- aucun apport en terme d'accessibilité (la balise <div> n'a pas plus de sens qu'un <td>).

Bref : suivre les modes c'est bien; comprendre pourquoi on le fait, c'est mieux.

Pour rappel :
- http://openweb.eu.org/articles/respecter_semantique/
- http://blog.alsacreations.com/2005/07/28/175-semantique-semantique-est-ce-que-jai-une-tete-de-semantique

Slt, je viens de lire les 2 articles, il ne parle pas tableaux, par contre partout je lis qu'il est préférable d'utiliser des div à la place des tableaux si les entrées ne sont pas des données ; dans mon thème il n'y a pas de données donc j'ai remplacé les tableaux.
C'est logique ou pas ?
Merci !