Witam
Trochę sobie majstruje w CSS i HTML i mam problem ze "stopką". Ma ona wyglądać mniej więcej tak http://imgur.com/dvlwutk i problem polega na tym, że przykleja się oną do lewej, i nie mam pojęcia jak to zmienić.Chcę aby była na środku ekranu pod contentem, którego szerekość wynosi 1000px.
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="uft-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>samochody</title>
<meta name="description" content= "strona o najlepszych samochodach" />
<meta name="keywords" content="samochody,dobre,fury,auta,sportowe,ferrari,porsche,bmw,audi,seat,najlepsze" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Poiret+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="container">
<div id="logo">Najlepsze samochody</div>
<div id="nav">
<div id="główna">strona główna</div>
<div id="marki">najlepsze marki</div>
<div id="silniki">silniki spalinowe</div>
<div id="informacje">informacje</div>
<div style="clear:both"></div>
</div>
<div id="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis nisi urna. Duis non erat porttitor, gravida sapien mollis, dignissim turpis. Donec mattis est vel neque porttitor tempor. Quisque ut condimentum quam. Vivamus sit amet euismod nulla, vel imperdiet nisl. Morbi placerat turpis ut eros convallis, nec rutrum leo scelerisque. Nunc ac dui orci. Mauris imperdiet sapien eu justo eleifend varius. Mauris vulputate, mi eu pretium convallis, massa purus fermentum ex, ut congue arcu odio quis nibh. Praesent erat tortor, finibus at neque quis, porttitor laoreet nisl. Nunc sollicitudin odio fermentum, lobortis ipsum eu, elementum lorem. Sed a nisi nisl. Nunc feugiat consectetur nisl eget tincidunt. Nulla vel scelerisque quam.</p>
<p>Donec facilisis faucibus felis, eget malesuada sapien viverra id. Nunc nec massa at neque blandit placerat id sodales est. Vivamus ullamcorper posuere luctus. Morbi id posuere lacus, ut sollicitudin libero. Donec massa turpis, imperdiet et bibendum vitae, pulvinar in arcu. Fusce blandit justo id porttitor commodo. Nam faucibus faucibus gravida. Integer at turpis elit. Aliquam at lacinia libero. Integer eu neque feugiat, ultrices ligula sed, hendrerit enim. Cras turpis orci, imperdiet a lacus eget, ultrices vehicula lacus. Donec porta ut sem sed pharetra. In hac habitasse platea dictumst. Aliquam maximus elit magna, eget tincidunt elit dignissim vel.</p>
<p>Nulla ac neque eu tellus ullamcorper sodales eu non nulla. Mauris accumsan quam sed est ultrices mollis. Curabitur consequat at dolor eget condimentum. Aliquam vulputate justo sed purus ultrices mattis. Donec faucibus dapibus velit eu iaculis. Integer ultrices vehicula fringilla. In tortor eros, mattis suscipit tincidunt quis, elementum vel urna.</p>
</div>
</div>
<div id="footer">
<div class="omnie">O MNIE
Pseudonim: impek
Wiek: 15 lat
Specjalizacja: Tworzenie:
- stron WWW,
</div>
<div class="omnie">NA SKRÓTY
Moje prace
Moja grafika
Aktualne realizacje
Kontakt
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>
body
{
background-color: #ffffff;
color: #000000;
font-family: 'Open Sans Condensed', sans-serif;
margin: 0;
}
#container
{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#logo
{
width: 950px;
padding: 25px;
background-color: #BDBBBB;
text-align: center;
font-size: 75px;
}
#nav
{
width: 980px;
background-color: #B02412;
padding: 10px;
margin-top: 10px;
}
#główna
{
float: left;
font-size: 18px;
padding: 10px;
margin-left: 220px;
border-right: 1px dashed white;
border-left: 1px dashed white;
color: #ffffff;
}
#główna:hover
{
background-color: #a01301;
}
#marki
{
float: left;
font-size: 18px;
padding: 10px;
border-right: 1px dashed white;
color: #ffffff;
}
#marki:hover
{
background-color: #a01301;
}
#silniki
{
float: left;
font-size: 18px;
padding: 10px;
border-right: 1px dashed white;
color: #ffffff;
}
#silniki:hover
{
background-color: #a01301;
}
#informacje
{
float: left;
font-size: 18px;
padding: 10px;
border-right: 1px dashed white;
color: #ffffff;
}
#informacje:hover
{
background-color: #a01301;
}
#content
{
background-color: #ffffff;
}
#footer
{
width: 100%;
background-color: #3d3d3d;
}
.omnie
{
background-color: 3d3d3d;
float: left;
padding: 25px;
width: 450px;
text-align: center;
border-right: 2px dashed white;
}