28173 sujets

CSS et mise en forme, CSS3

Border qui ne s'affichent pas sous Firefox (mais s'affichent sous IE

Bonjour à tous !

J'ai seize ans et je suis innitié au CSS et à la création de site web.
Je travail actuellement sur un site "pro" d'un ami à mon père.

Mais je rencontre le problème suivant :

j'ai défini des bordure de 1px de couleru orange à mon corps de page.
Ces bardures s'affichent tres bien sous Internet Explorer mais pas sous Firefox !

Voila la page en question
Et voila le code CSS

Bon alors ne faites pas attention aux galleries de photo que je n'ai aps encore recoder depuis la dernière version de mon site : les images s'affichent anarchiquement mais la n'est pas le problème, la page d'index vous suffira pour vous faire une idée du problème.

Tout autre remarque concernant le code ou le site est la bienvenue !
Modifié par Tom32i (23 Jan 2006 - 20:08)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "./xhtml11.dtd">

Il me semble qu'utiliser XHTML 1.1 est une erreur, car le xhtml 1.1 n'est pas prévu pour être servi en "text/html" (et donc analysé par un moteur de rendu html) mais uniquement en "application/xhtml+xml". Sur une page du w3c :
http://www.w3.org/TR/xhtml-media-types/ a écrit :
the use of 'text/html' SHOULD be limited to HTML-compatible XHTML 1.0 documents

Utilises donc plutôt une déclaration doctype xhtml 1.0, servi en "text/html" (parce que de toute façon IE ne gère pas le XML...).
Au passage, il me semble que ta déclaration doctype était erronée de toute manière, vu qu'elle faisait référence à une DTD censée être hébergée en local... était-ce vraiment le cas ? Smiley rolleyes

Ensuite, la page ne précise pas de jeu de caractères. Je suppose que l'encodage utilisé est l'iso-8859-1... dans ce cas, mieux vaut le préciser, ça peut éviter quelques surprises.

Tant que j'y suis, Tidy me donne une soixantaine d'avertissements... rien de bien méchant, mais ça vient surtout du fait que tu déclares faire du xhtml 1.1 sans vraiment en respecter les règles et la syntaxe. Genre il n'est pas possible en xhtml strict de placer un lien (élément de type en ligne) AUTOUR d'une div (élément de type bloc). Smiley biggol
Pour répondre à ton problème, je viens de me rendre compte que c'est exactement le même problème auquel j'ai répondu il y a quelques heures à une autre personne sur ce forum.

Édite ta CSS pour avoir ceci :
div#contenu2 {
width:748px; min-height: 40px;
border: solid 10px #ffcc66;
}

Et dis-moi ce que ça t'inspire ! Smiley lol
Merci pour tout mais ... euh ... comment je fait pour ca :

"Utilises donc plutôt une déclaration doctype xhtml 1.0, servi en "text/html" (parce que de toute façon IE ne gère pas le XML...)."
Sujet clos
Aller à