5568 sujets

Sémantique web et HTML

Bonjour à tous,
je viens vous exposer un problème que je rencontre avec IE.

Je précise que mon site est entièrement valide xHTML, et CSS2.

Comme je ne suis pas autorisé à vous montrer le site, j'ai fait un screen.
http://www.galphanet.com/prob.jpg
La première image a été prise sur Firefox, et la 2xème sur IE.

Le problème est donc l'emplacement du block avec la bordure en - -.

Voici le contenu de mon fichier CSS pour ce block:

#section
{
	background: #FFF;
	border: 2px dotted #39414d;
	padding: 5px;
	position : relative;
	float: right;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}


Vous remarquerez aussi un plus grand décalage sous le menu avec IE qu'avec firefox.
Safari met le menu sur la bordure du block contenant le texte (ce qui ne dérange pas, au contraire)

J'ai pensé à un javascript censé corriger tous les bugs CSS provoqués par IE que j'avais trouvé sur sf.net, mais je ne retrouve plus le projet ...

Est-ce que vous pourriez m'aider à corriger ce problème de compatiblité ?

De plus, le validateur n'accèpte pas ces 3 balises:

 <link rel="shortcut icon" scr="favicon.ico" type="image/x-icon" />
 <script type="text/javascript" href="javascript.js"></script>  
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />

Pourriez-vous me donner la sytaxe correcte ?

Merci de votre aide,
Galphanet
Merci !
je vais lire cet article, et essayer de corriger.

Je vais aussi faire une page avec uniquement ce code que je v mettre ici Smiley smile
Bonjour,

j'ai finalement trouvé le bug:
On doit absolument préciser l'attribut
width:125px;

pour que ca passe partout Smiley smile
Merci a n'oreille pour m'avoir aidé à trouver ce truc.

J'espère que cela aidera certains.

Merci pour votre aide Smiley ravi
Modifié par galphanet (03 Jul 2005 - 15:10)