Forum PHP.pl > Skrypt JS+CSS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

KubaBest

25.07.2012, 15:30:11

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):

erix

26.07.2012, 08:37:49

Podejrzyj konsolą przeglądarki, czy czegoś dodatkowego tam nie ma/etc.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.