Bonjour à tous,
j'ai un petit soucis que j'aimerai vous soumettre:
Doit une fonction JS je dois créer 3 DIV, une première (A) contenant les 2 autres (B et C). J'aimerai que B et C soient collé l'une à coté de l'autre. Je ne peux pas utiliser de feuille de style CSS, je suis donc obligé de spécifier toutes les propriétés des DIV une à une avec DOM.
Voici ce que j'ai fait:
Avec ca, B et C sont l'un au dessus de l'autre, mais bien dans A
Le soucis c'est que dans je regarde sur FireBug, je ne retrouve pas la propriété 'float', or c'est à priori la seule qui puisse faire que B et C se mettre l'un à coté de l'autre.
Est-ce que 'float' ne peut etre mis ainsi ?
Pour info, j'ai aussi essayer avec div.setAttribute('float', left'); mais ca n'a rien changer.
Merci pour vos idées.
Cordialement
j'ai un petit soucis que j'aimerai vous soumettre:
Doit une fonction JS je dois créer 3 DIV, une première (A) contenant les 2 autres (B et C). J'aimerai que B et C soient collé l'une à coté de l'autre. Je ne peux pas utiliser de feuille de style CSS, je suis donc obligé de spécifier toutes les propriétés des DIV une à une avec DOM.
Voici ce que j'ai fait:
var oExtDiv = document.createElement('DIV');
var oIntDiv = document.createElement('DIV');
var oBoxDiv = document.createElement('DIV');
oExtDiv.style.position = 'absolute';
oExtDiv.style.width = ExtWidth + 'px';
oExtDiv.style.height = ExtHeight + 'px';
oExtDiv.style.top = ExtTop + 'px';
oExtDiv.style.left = ExtLeft + 'px';
oExtDiv.style.cursor = 'move';
oExtDiv.oParent = this;
oExtDiv.style.float = 'left';
oIntDiv.position = 'relative';
oIntDiv.style.border = 'dashed 1px #000000';
oIntDiv.style.width = this.iWidth + 'px';
oIntDiv.style.height = this.iHeight + 'px';
oIntDiv.style.backgroundColor = '#FFFFFF';
oIntDiv.style.marginTop = intMargTop + 'px';
oIntDiv.style.marginLeft = intMargLeft + 'px';
oIntDiv.style.cursor = 'default';
oIntDiv.style.float = 'left';
oBoxDiv.position = 'relative';
oBoxDiv.style.width = '10px';
oBoxDiv.style.height = '30px';
oBoxDiv.style.backgroundColor = '#FF0000';
oBoxDiv.style.float = 'left';
Avec ca, B et C sont l'un au dessus de l'autre, mais bien dans A
Le soucis c'est que dans je regarde sur FireBug, je ne retrouve pas la propriété 'float', or c'est à priori la seule qui puisse faire que B et C se mettre l'un à coté de l'autre.
Est-ce que 'float' ne peut etre mis ainsi ?
Pour info, j'ai aussi essayer avec div.setAttribute('float', left'); mais ca n'a rien changer.
Merci pour vos idées.
Cordialement
