28172 sujets

CSS et mise en forme, CSS3

[Résolu] 50%+50% trop grand dans Firefox

Bonjour =)

Pourquoi dans Firefox, lorsque j'ai deux div a cote de 50% chacune, ca rentre pas ?
Pour le moment, ma solution temporaire est de mettre 49.9% mais ca m'enerve un peu ce genre de solution...
Dans IE et Chrome, pas de soucis... de plus en plus ces temps ci Firefox devient plus problematique que IE pour moi...
Modifié par LightBen (07 Jan 2014 - 13:48)
J'ai une solution pour inline block : je mets au parent word-spacing -4px et je remet a la div enfant word spacing normal. Sous chrome et IE, no problem, sous FF, probleme. Est-ce que ca veut dire que le word spacing par defaut est different sous FF?

Edit : je connaissais pas ce lien, je connaissais celui de CSSTricks qui est bien haut sur Google.

Ca veut dire que ma solution est bonne... ou presque ?
Modifié par LightBen (07 Jan 2014 - 14:00)
Personnellement, la solution que j'utilise qui marche partout et dont parle l'article de Raphaël cité ci-dessus est la suivante :
<div>
</div><!--
--><div>
</div>
Salut,

Personnellement je préfère la solution de l'ouverture/fermeture des balises PHP, ce qui a l'avantage de ne rien laisser apparaitre dans le code source (du coup moins d'octets à télécharger pour le client également) :

<span></span><?php
?><span></span>
Je dirais que sur un petit site, les commentaires sont cools, peu importe la taille car quelques octets changeront pas grand chose, dites moi si je me trompe.

Du coup, le white space (ou word spacing) serait different sous firefox compare a chrome et IE, ce serait la mon erreur ?
Administrateur
LightBen a écrit :
J'ai une solution pour inline block : je mets au parent word-spacing -4px

Non, parce que cela dépend de la taille de ta police, entre autre (et l'utilisateur n'a pas forcément la même que toi).
Au pire, utilise au-moins des em
Modifié par Raphael (07 Jan 2014 - 15:03)
Je vois... c'est pour ca que dans mon code ca rentrait parfois dans Firefox, et parfois non.

Me reste plus qu'a utiliser une solution plus aboutie =)

Merci a vous tous =)
Administrateur
Agylus a écrit :
Salut,

Personnellement je préfère la solution de l'ouverture/fermeture des balises PHP, ce qui a l'avantage de ne rien laisser apparaitre dans le code source (du coup moins d'octets à télécharger pour le client également)


Par contre cette solution sollicite le moteur PHP pour rien, donc coté serveur on le réveille inutilement, plutôt que de délivrer le commentaire HTML brut.
D'apres l'article, La technique du framework Pure.io et La technique "icon font" de Scott Kellum me paraissent les plus "cools" si je peux m'exprimer ainsi. Combiné a un framework CSS comme SASS avec un mixin, ca irait vite...

Qu'en pensez-vous ?
dew a écrit :


Par contre cette solution sollicite le moteur PHP pour rien, donc coté serveur on le réveille inutilement, plutôt que de délivrer le commentaire HTML brut.

Tout dépend si on utilise déjà du PHP dans les pages, ce qui ne serait pas dérangeant. En revanche si on a trois 3 pages statiques et aucune ligne PHP, en effet, ça serait dommage de faire appel au moteur.
Administrateur
LightBen a écrit :
D'apres l'article, La technique du framework Pure.io et La technique &quot;icon font&quot; de Scott Kellum me paraissent les plus &quot;cools&quot; si je peux m'exprimer ainsi. Combiné a un framework CSS comme SASS avec un mixin, ca irait vite...

Qu'en pensez-vous ?

La seule solution 100% fiable de ne pas avoir d'effets indésirables dûs à du whitespace dans le code HTML est de ne pas avoir de whitespace dans le code HTML ; chaque solution CSS a un inconvénient.
La fonte "zero width" est lourde (source : https://twitter.com/goetter/status/395195785987371008 ) et sa création nécessite le SDK spécialisé d'Adobe (je crois, en tout cas j'ai testé font squirrel, fontforge et 2-3 autres trucs et ça foire). La 2e fois que tu t'en sers de ce SDK ça doit être simple mais le tuto la 1ère fois il est comment dire... Smiley eek
Pure.io http://blog.purecss.io/post/60789414532/how-we-improved-grids-in-pure-0-3-0 c'est Yahoo! c'est plus robuste / compatible que les solutions du même genre mais ça reste la même technique qui dépend de l'OS, des fontes installées, etc

Par contre quand tu n'as pas possibilité de modifier le code HTML ben là oui il faut une solution CSS.
Modifié par Felipe (07 Jan 2014 - 17:09)
Sujet clos
Aller à