Aller au contenu

Refonte d'un site en css


Cleden

Sujets conseillés

Bonjour,

Je suis actuellement en train de refonfre le site http://membres.lycos.fr/cledencapsizun avec les css.

Je suis déjà parvenu à remplacer quelques <TABLE> par des <DIV> mais je rencontre les problèmes suivants.

- Sur cette page le cadre du milieu s'affiche dessous et il s'affiche correctement lorsqu'on actualise la page :wacko:

- Sur cette page, si je justifie le texte (au travers de ma feuille de style), le cadre central s'affiche également au dessous.

Si vous pouviez me donner quelques tuyaux...

Merci d'avance,

Loïc.

Lien vers le commentaire
Partager sur d’autres sites

Pour ta première page, http://membres.lycos.fr/cledencapsizun/ind...lle_de_langroas, tu es simplement victime :

- d'une DTD incorrecte en début de page

- du box model, c'est à dire du mode de calcul erroné des dimensions contenu/padding/margin par Internet Explorer

- d'un problème de marge lié aux flottants

Pour régler ça, il faut :

- d'abord mettre la bonne DTD complète, qui est :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

(Voir http://openweb.eu.org/articles/differentes_dtd/ pour faire des copié/collé des bonnes DTD bien écrites. ne vous fiez pas à celles générés par vos éditeurs wysiwyg).

- ensuite, ménager une marge gauche pour ta div.contenu, en ajoutant une margin-left d'au moins 130px; (dimension de ton menu flottant de gauche)

- enfin, supprimer le padding: 5px de la div.contenu, responsable du décrochement de celle-ci. Il suffit de le remplacer par une marge de 5px appliquée à tous les éléments contenu dans cette div. Pour les titres, c'est facile, mais il faut que tu balises le reste du contenu avec des <p> et des <ul> auquel appliquer cette marge latérale.

Sur le box-model, voir :

http://openweb.eu.org/articles/dimensions_boites_css/

Lien vers le commentaire
Partager sur d’autres sites

Merci beaucoup pour cette réponse très complète, ça marche désormais.

En fait, je viens de me rendre compte que je n'obtiendrai jamais la validation xhtml 1.1 à cause de cette foutu pub multimania, Arf.

Il va falloir que je pense sérieusement à me prendre un hébergement + ndd.

Loïc.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...