placement div : l'attribut float dans un div dynamiquement cree
Bonjour,
je cree un site en ce moment en javascript avec l'equivalence d'une multitude de div cree dynamiquement et places comme des thumbnails ... par contre j'ai un souci dans mon code, lorsque je creer le div en dynamque il ne veut pas prendre l'attribut float tel quel ... je m'explique mal ducoup je vais mettre un exemple :
mon JS pour creer les div est le suivant
Code:
1 2 3 4 5 6 7 8 9 10 11 12
|
function createBooks() {
for(var i=1; i<=portfolio[0]; i++) {
var newBook = document.createElement('div');
newBook.setAttribute('id','books');
newBook.style.left = "10px";
newBook.style.float = "left";
newBook.style.background = "#f5f6ed";
newBook.innerHTML = '<a href="javascript:nextPicture('+i+')"><img src="'+portfolio[i][0]+'1.jpg" id="book'+i+'" border=0></a>';
document.body.appendChild(newBook);
}
} |
avec portfolio[0] qui est le max de div cree
tout marche mais il s'obstine a les placer l'un au dessus de l'autre sur la gauche alors que jaimerais qu'il les place l'un a coter de l'autre et ce depuis le milieu de la page. Ils sont normalement imbrique dans une autre div qui elle est bien placer dans la page mais lorsque je les creer dynamiquement il sorte de leur frontiere.
Code:
1 2 3 4 5
|
#centerInfo {background-color: #f5f6ed; margin-left:270px; width:950px; position:relative;}
<div id="centerInfo" >
<script type="text/javascript">createBooks();</script>
</div> |