28173 sujets

CSS et mise en forme, CSS3

Mode "border box" FireFox

Bonjour à tous,

Pouvez vous me dire à quoi correspond exactement le mode "border box" dans la barre developpeur de FireFox ?

Et en matiére de standard, quelle attitude faut-il avoir par rapport à ça?
Salut.

C'est dans quel onglet de la barre d'outils ?

<edit> J'ai trouvé, c'est dans l'onglet CSS. Ce ne serait pas le modèle de boîtes de Microsoft ?
Modifié par Sopo (30 Nov 2006 - 21:16)
C'est trés instructif ...
Mais ça ne résoud pas mon probléme.Dommage!

A moins que je m'y suis mal pris. Je m'explique. Je bataille sur une feuille de style depuis une bonne semaine à cause d'un probléme d'affichage entre IE6 et FF.


Je me suis donc posé la question du box-sizing et/ou du Doctype switching car mon souci réside dans l'interprétation des dimensions ("width" et "height" des boutons de menus)

Mais un doute persiste, pourquoi est-ce que ça ne concerne que les menus....?

Je ne sais pas si je m'explique bien, n'hésitez pas à me faire préciser.
Modifié par Maroile (09 Dec 2006 - 22:04)
Forcément, une page en XHTML 1.0 servi en "text/html" (c'est à dire, pour être clair, comme du HTML et non pas comme du XML) et avec un prologue XML, c'est presque un peu contradictoire.

À la rigueur on se ficherait de cette question, si seulement la présence de n'importe quel code avant le doctype ne faisait pas passer IE6 en mode Quircks. D'où une partie des différences de rendu, sans doute.

Moralité : assassiner sauvagement ce prologue XML.
Maroile a écrit :
Au risque de paraitre un peu bebéte...
Peux-tu préciser ce que je dois enlever?

Euhm, mais il te l'ai déjà dit ... Smiley rolleyes
Regarde Smiley lol
mpop a écrit :
Moralité : assassiner sauvagement ce prologue XML.


Ou si tu préfères remplacer ceci :
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...>

Par ceci : 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...>
Cygnus donne un code schématique, cela ne veut pas dire qu'il faille tronquer le doctype, bien sûr. Donc, au final, on devra avoir au tout début du document :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Et pas le moindre prologue XML ni avant ni après. Smiley smile
D'accord...

Et il y a une partie de ma CSS à revoir...
je précise pour ceux qui auront les mémes mésaventures à l'avenir:
-plus de hack !important
-revoir les width et height et les padding
- et utiliser de line-height 'salvateur'

Dites moi si je dis des sautises.

Ca va mieux, Merci!!
Modifié par Maroile (01 Dec 2006 - 10:18)
Voyez le résultat... c'est bcp mieux.
www.azurline.com


Mais il reste un petit détail qui m'empéche de passer à autre chose...
Vous voyer le menu dans la colonne de gauche.

Comment puis-je faire pour la couleur de fond des boutons, ici une image, soit sur toutes les lignes de la méme largeur.

Ici l'image de fond se limite à la taille du lien et de son padding.

Une petite idée?
Modifié par Maroile (01 Dec 2006 - 10:53)
Euhm, ... donne une largeur fixe à tes liens ? Smiley cligne

Et dernière erreur HTML :
dan le code, il ne faut pas préciser l'unité lorsque l'on indique une largeur <width="99"> et non pas <width="99px">
Modifié par Cygnus (01 Dec 2006 - 10:56)
donne une largeur fixe à tes liens ?

je ne sais pas quelle est la synthaxe à adopter... Smiley decu
Evidement ce n'est pas avec un width...
Modifié par Maroile (01 Dec 2006 - 11:17)
Maroile a écrit :
donne une largeur fixe à tes liens ?

je ne sais pas quelle est la synthaxe à adopter... Smiley decu
Evidement ce n'est pas avec un width...

width sert à donner la largeur d'un bloc et marche très bien... pour un élément de type bloc. Or, l'élément a est un élément de type en-ligne. Mais on peut basculer d'un mode a l'autre :
#menu a {
	display: block;
}

Pas besoin de préciser la largeur, vu qu'un élément de type bloc prend automatiquement toute la largeur disponible (si on veut réduire cette largeur, une marge à droite sera plus intéressante qu'un width, et ce afin d'éviter quelques problèmes potentiels dans IE.
Sujet clos
Aller à