[HTML][CSS]Ustawienie kontenerow. Opcje

[cykcykacz]

Hej,
mam taki problemik:

[HTML] pobierz, plaintext 
<div id="page">
    <div id="box">
    </div>
    <div id="box2">
    </div>
</div>
[HTML] pobierz, plaintext 

I jak zrobić żeby "box2" był przed "box"?

A i css:

[CSS] pobierz, plaintext 
#page {width:600px;height:auto;}
#box {width:600px;height:20px;}
#box2 {width:600px;height:20px;}
[CSS] pobierz, plaintext 

[b4rt3kk]

Hmm?

[HTML] pobierz, plaintext 
    <div id="page">
    <div id="box2">
    </div>
    <div id="box">
    </div>
    </div>
[HTML] pobierz, plaintext 

[cykcykacz]

Hehehe,
może źle sformuowałem pytanie ale przy takim html jak to ustawić css?

[b4rt3kk]

Zapewne chodzi o SEO? Możesz się bawić w position: relative lub użyć JS. Przestawienie kolejności tak jak napisałem wyżej odpada?

[cykcykacz]

Mam:

[CSS] pobierz, plaintext 
#page {width:800px;height:auto;margin:0 auto;}
#box {background-color: pink;
    height: 20px;
    position: relative;
    top: 20px;
    width: 800px;
    z-index: 10;}
#box2 {background-color: orange;
    height: 20px;
    position: relative;
    top: -20px;
    width: 800px;}
[CSS] pobierz, plaintext