Proszę o pomoc stopka ciągle znajduję się na samej górze strony. Pomimo iż dałem clear:both; i bottom:0;
KOD CSS
p {
line-height: 80px;
margin: 0;
}
#footer {
position:absolute;
bottom:0;
width: 100%;
height: 80px;
background: #000;
color: #fff;
text-align: center;
}
#intro
{
position: absolute;
left:40%;
top:25%;
color: white;
text-align: center;
padding: 5px;
font-size: 60px;
}
.rameczka
{
border-radius: 66px 66px 66px 66px;
-moz-border-radius: 66px 66px 66px 66px;
-webkit-border-radius: 66px 66px 66px 66px;
border: 12px solid #000000;
}
#menu
{
text-align:center;
padding:10px;
}
a:link
{
color: black;
}
a:visited
{
color: black;
}
a:active
{
color: black;
}
a:hover
{
background-color: none;
}
a {
text-decoration: none;
}
#pudelko
{
max-width: 1000px;
margin: 15px auto;
position:relative;
}
.page:after {
content: '';
display: block;
clear: both;
}
.left {
margin-top:40px;
float: left;
width: 490px;
min-height: 520px;
background: #474542;
margin-right: 20px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 0px solid #050405;
opacity:0.7;
}
.right {
float: left;
width: 490px;
min-height: 320px;
}
.right1 {
margin-top:40px;
background:#474542;
margin-bottom: 20px;
height: 250px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 0px solid #050405;
opacity:0.7;
}
.right2 {
background: #474542;
height: 250px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 0px solid #050405;
opacity:0.7;
clear:both;
}
#pud {
float:left;
width:490px;
height:520px;
margin:0 auto;
perspective:300px;
-webkit-perspective:300px;
}
#karta {
position:relative;
width:100%;
height:100%;
text-align:center;
transition:1s;
-webkit-transition:1s;
transform-style:preserve-3d;
-webkit-transform-style:preserve-3d;
}
#pud:hover > #karta {
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
}
#przod {
position:absolute;
width:100%;
height:100%;
background:url('3.jpg') no-repeat;
background-size:100%;
box-shadow:0 0 4px 8px #FFF inset;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
#tyl {
position:absolute;
width:100%;
height:100%;
line-height:240px;
color:#FFF;
font-size:1.6em;
background-color:#000;
box-shadow:0 0 4px 8px #FFF inset;
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.nag
{
font-family:initial;
font-size:40px;
text-align:center;
font-weight:bold;
color:white;
}
KOD HTML
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php wp_title(); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" media="handheld, tv" href="arkusz.css" >
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body>
<div id="pudelko">
<div id="menu">
<?php wp_nav_menu(array('theme_location'=>'top-navi', 'menu_class' => 'nav nav-bar-black nav-red nav-animation-5')); ?>
</div>
<div class="left">
<div id="pud">
<div id="karta">
<div id="przod"></div>
<div id="tyl">Adam Rucki</div>
</div>
</div>
</div>
<div class="right">
<div class="right1">
<p class="nag">
Kontakt
</p>
</div>
<div class="right2">
<p class="nag">
Co oferuję?
</p>
</div>
</div>
<div id="footer">
<p>
©Adam Rucki 2016 - prawa zastrzeżone
</p>
</div>
</div>
<?php wp_footer(); ?>
</body>