Skrypt JS+CSS - Forum PHP.pl

Skrypt JS+CSS

KubaBest Zobacz profil	25.07.2012, 15:30:11 Post #1
Grupa: Zarejestrowani Postów: 6 Pomógł: 2 Dołączył: 21.06.2011 Ostrzeżenie: (0%)	Witam, chcę stworzyć stronę gdzie będzie 100 divów (każdy o wymiarach 10%, z margin wliczonym w rozmiar div'u) Divy pojawiają się na stronie dzięki skryptowi JS. Jednak są one o różnych rozmiarach. Pliki: HTML (index.html): [HTML] pobierz, plaintext <!doctype> <html> <head> <link rel="stylesheet" href="main.css"/> <script type="text/javascript" src="js.js"></script> </head> <body> <script type="text/javascript">prepare_page();</script> </body> </html> [HTML] pobierz, plaintext CSS (main.css): Kod { margin: 0px; padding: 0px; } body{/ width: 100%; height: 100%;/ background: #E7EBEE; } .moz{ width: 10%; height: 10%; margin: 5px; border-radius: 15px; background: #BECBD1; display: inline-block; -webkit-box-sizing: border-box; / Safari/Chrome, other WebKit / -moz-box-sizing: border-box; / Firefox, other Gecko / box-sizing: border-box; / Opera/IE 8+ */ } JS(js.js): Kod function prepare_page(){ createSlides(); } function createSlides(){ for(var i=1;i<=100;i++){ document.write('<div class="moz" id="'+ i +'">nr: '+ i +'</div>'); } } + screenshot wyniku (z zaznaczonym błędem): (IMG:http://img845.imageshack.us/img845/9479/screenfxf.png)