Salut tout le monde,
 
J'ai décidé de passer mon site en full css afin de laisser tomber ces saletés de tables.
Je suis donc un néophyte puisque je connais ce "langage" depuis à peine une semaine.
 
Bref, mon probléme : tout semble fonctionner correctement sous Interet Explorer, cependant sous Firefox (1.0.3)
et Opéra y a un bug assez génant ; Mon menu et mon corp se séparent curiosement d'une bonne dizaine de pixels sans raison apparente  
 
Je vous laisse jeter un coup d'oeil :
 
Site version CSS
Site version "table"
 
Fichiers sources :
Feuille style CSS
Fichier XHTML

T'as songé à éviter de fermer le tag qui n'est pas ouvert?
 
Accessoirement:

• h4 et h5 ça sert à faire des titres, pas du texte
• le blanc sur vert avec une police de merde et une taille pour nain, c'est illisible
• Trop de divs, pour le menu par exemple
• quel est l'intérêt d'utiliser list-style-type quand t'as pas de listes?
• <img border="0">

 
Merci, ceci dit ca rêgle pas mon problème.

Normal, si tu fais pas ce qu'on te dit de faire

 
Jviens de faire les modifs, j'ai virer le menu en attendant.
Je reupload ca  

Maintenant dans ton styling de h5 tu ajoutes  

(ou alors, beaucoup plus intelligent, tu remplaces tes h4 et h5 par un truc qui veut dire quelque chose).
 
Et le blanc c'est vraiment illisible -_-

Pour les questions/réponses les listes de définition sont plutôt pas mal http://www.w3.org/TR/html4/struct/lists.html#h-10.3

Voilà edité avec vos remarques ;
Merci Masklinn ca a régler le probléme.
Tu me conseil de mettre quelle balise pour le texte ?

vala

Ok je vais voir ca
Ceci dit sous Dream ca merdouille :|

Ca me fait de la merde sous Dreamweaver alors que sous Firefox / IE ca marche :
http://img111.echo.cx/img111/6641/sanstitre14pk.jpg

Encore une raison pour ne pas utiliser Dreamweaver

J'ai uplodé les fichiers édités

Maintenant faut utiliser des listes de définition, comme l'a très intelligement proposé gm_

 
Ok

Voilà j'ai taffer un peu dessus.
Sous IE c'est nikel, sous Firefox j'ai encore un bug au niveau du menu et du corps... Si vous pouviez jeter un coup d'oeil (j'ai updaté mes fichiers donnés dans le 1er post).
 
Merci

<h1>
<h2>
<ul class="element-menu"><a href="#">NEWS</a>
 
Je déteste qu'on se foute de ma gueule

 
 
Non, le truc c'est que j'ai rechercher comment réaliser une liste de définition et son interet, j'avoue que je ne vois pas trop en quoi ca vient m'aider pour mettre en forme le texte ?
 
Edited  

La forme, c'est secondaire et ça se fait après, quand on crée une page on commence par se poser la question du fond, et sémantiquement on considére que la liste de définition (pas distribution ) est une bonne approche des systèmes question/réponse.
 
Après, un coup de CSS par dessus et le style d'origine n'a plus aucune importance.
 
Et accessoirement ça évite les bugs à la con pour cause d'utilisation de balises qui n'ont rien à foutre là.

 
Ok merci