Blog :: tag :: HTML

Un de mes projets m'amène à développer un widget universellement utilisable... entendez par "universel" le fait qu'il puisse être installé et utilisé dans la plupart des systèmes de dashboard (igoogle, netvibes, facebook, Vista, Opera, etc...). A partir de là j'ai dut me pencher sur UWA (by netvibes) qui semblait être la meilleure solution... mais je suis vite tombé devant une techno mensongère... Je m'explique.

Je pensais que UWA était un format sur lequel tout le monde allait se mettre d'accord, or l'idée de netvibes n'est ...

Et bé...

A cause de gérald je me suis lancé dans un jeu :) et ba j'ai fait un score sympa:

J'ai mis: A, ADDRESS, APPLET, B, BASE, BODY, BR, DIV, DL, DT, EM, FIELDSET, FORM, FRAME, H1, H2, H3, H4, H5, H6, HEAD, HR, HTML, I, IFRAME, IMG, INPUT, LABEL, LEGEND, LI, LINK, META, OBJECT, OL, OPTION, P, PARAM, PRE, Q, S, SCRIPT, SELECT, SPAN, STRIKE, STRONG, STYLE, TABLE, TBODY, TD, TFOOT, TH, THEAD, TITLE, TR, TT, U, UL,

J'avais zappé:

ABBR, ACRONYM, AREA, BASEFONT, BDO, BIG, BLOCKQUOTE, BUTTON, CAPTION, CENTER, CITE, CODE, ...

Encore une fois, internet explorer 7 m'en fait voir de toutes les couleurs. Alors aujourd'hui c'est un bouton de validation de formulaire dont le style "width" est collé à la taille du div qui le contient.

Sous Firefox ça donne ça:

qui parait normal. Maintenant sous IE 7:

Bravo à IE... j'adore les pixels sur l'agrandissement... C'est tellement normal sur un navigateur si... actuel...

Mon nouveau patron, Anthony, vient de me filer LA solution pour ne plus avoir ces soucis avec les divs en float left qui ne donnent pas la taille au div père.

Explication, vous voulez créer une page avec Deux colonnes: un menu à gauche, et le contenu... jusque là... avec des float c'est simple:

Et le CSS qui va avec: