Brak kolejnego diva - strona typu OnePage

2015-04-23T19:30:24+02:00

Rejestracja: dni
Ostatnio: dni

Cześć, robię stronę typu OnePage i mam problem z ustawieniem kolejnego div`a. Prezentują obecny kod i wygląd.

Kod HTML:

Kopiuj

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
    <meta charset="utf-8" />
    <title>Portfolio OnePage</title>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>

</head>
<body>
<div id="content">
    <div class="content-text-header">
        Hello World!
        <hr width="600"/>
        <div class="content-text-desc">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
        </div>
        <social><img src="img/mail.png"/></social>
        <social><img src="img/skype.png"/></social>
        <social><img src="img/facebook.png"/></social>
        <social><img src="img/youtube.png"/></social>
        <social><img src="img/linkedin.png"/></social>

    </div>
</div>
</body>
</html>

Kod CSS:

Kopiuj

body
{
    font-family: 'Oswald', sans-serif;
    background-color:#ffe;
    background-attachment: fixed;
}

#content {
    width: 100%;
    height: 500px;
    text-align: center;
    background-image: url("../img/background.png");
    font-size: 50px;
    position:absolute;
    background-size:100%;
    left: 0;
    top: 0;
    color: #ffffee;
    text-shadow: 2px 2px #000;
}
.content-text-header{
    text-align:center;
    margin-top: 180px;
}
.content-text-desc{
    text-align:center;
    text-transform: uppercase;
    font-size: 15px;
}

Obecny wygląd:

Chcę, dodać kolejny div o nazwie content2

Lecz mimo użycia w css:

Kopiuj

#content {
    width: 100%;
    height: 500px;
    text-align: center;
    background-image: url("../img/background.png");
    font-size: 50px;
    position:absolute;
    background-size:100%;
    left: 0;
    top: 0;
    color: #ffffee;
    text-shadow: 2px 2px #000;
}

i w html:

Kopiuj