Impression d'étiquettes à l'aide de feuilles de style CSS avec liste flottante

Je tente de recréer une page ASP.Net existante qui génère des étiquettes. L'original utilise des tables hideuses - à l'intérieur des tables - pour forcer une mise en page, et à mesure que notre quantité de commandes augmente, il atteint le point où il crache 65k lignes de HTML en supposant qu'il ne soit pas temporisé en premier.Impression d'étiquettes à l'aide de feuilles de style CSS avec liste flottante

Je l'ai remplacé par une liste non ordonnée pour ma liste d'étiquettes, avec chaque élément de liste flottant, et la disposition à l'écran est maintenant parfaite. Pour l'impression, il y a 4 étiquettes par page, une dans chaque coin.

Toutefois, au moins dans IE-land, accédez à l'aperçu avant impression et il redevient une liste verticale.

Des pensées?

Source

2010-12-01 RichardW1001

quelle version d'IE? – hunter

comment définissez-vous vos dimensions? Se pourrait-il que les étiquettes ne tiennent pas l'une à côté de l'autre? – lnrbob

IE 8, mais juste remarqué le même comportement dans Chrome et Firefox – RichardW1001

Changement des éléments UL/LI à l'omniprésent DIV, et placé chaque ensemble de 4 à l'intérieur d'un conteneur qui a fait le travail. Encore aucune raison de savoir pourquoi FireFox, Chrome et IE ont tous ignoré float: laissé dans l'impression cependant, mais ça fonctionne maintenant.

Source

2010-12-02 23:26:40 RichardW1001

assurez-vous que vous utilisez un flotteur: ... dans votre css de classe li il corriger :)

Laissez-moi savoir si cela aide

Source

2010-12-01 19:22:46

Salut, la définition li est déjà flottante, et s'affiche correctement à l'écran, mais pas dans l'aperçu avant impression/impression, quand ils redescendent à la verticale. – RichardW1001

essayez d'ajouter display: inline-block; et puis prévisualiser c'est un bug de knwon avec IE print preivew. cela pourrait le résoudre pour vous –

Nope ... qui s'affiche maintenant dans une liste verticale à l'écran (utilisait display: inline avant) – RichardW1001

Impression d'étiquettes à l'aide de feuilles de style CSS avec liste flottante

Répondre

Questions connexes