Dawno o nic nie pytałem ale ostatnio się trochę pogubiłem chodzi o to że nie działa min-height i nie wiem dlaczego tzn w pixelach działa ale gdy chce w 100% uzyskac efekt to już nie - chodzi o #rotator by sie rozciagal do konca strony .
body {
margin: 0 auto;
background-color: #FFFFFF;
color: #6e6e6e;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
height:100%;
}
img {
border: 0;
text-decoration: none;
}
a , a:hover , a:focus , a:visited{
border: 0;
text-decoration: none;
color: #ff4000;
}
input, textarea, select {
border: 1px solid #CCCCCC;
background-color: #F6F6F6;
font: normal 11px Verdana;
color: #666666;
}
/* Koniec ogolne */
#pasek-top {
background: #0e0e0e;
width: 100%;
height: 30px;
position: fixed;
right: 0;
top: 0%;
}
#pasek-top > div {
margin: 0 auto;
width: 1100px;
overflow: hidden;
color: #ffffff;
font-family: MyriadPro-BoldCond;
font-weight: bold;
font-size: 17px;
}
#top-kontakt {
float: right;
margin-top: 5px;
}
#top {
background: #ffffff;
width: 100%;
height: 145px;
position: fixed;
right: 0;
top: 5%;
}
#top > div {
margin: 0 auto;
width: 1100px;
overflow: hidden;
margin-top: 10px;
}
#logo {
float: left;
width: 230px;
}
#logo img {
margin-top: 15px;
margin-left: 30px;
}
#menu {
float: left;
width: 840px;
margin-top: 45px;
font-size: 19px;
font-family: MyriadPro-BoldCond;
font-weight: bold;
}
#menu li
{
display: inline-block;
padding: 0px 10px 10px 15px;
float: left;
}
#menu li a
{
color: #0e0e0e;
text-decoration: none;
padding: 5px 5px 5px 5px;
}
#menu li a:hover
{
color: #18cebf;
text-decoration: none;
background-color: #e5edec;
font-weight: bold;
border-radius: 10px 5px;
}
#menu li ul
{
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
z-index:200;
}
#menu li ul
{
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
z-index:200;
}
#menu li:hover ul
{
display:block;
color: #18cebf;
text-decoration: none;
border: 0;
}
#menu li li
{
display:block;
float:none;
margin:0px;
padding-top: 5px;
margin-top: 8px;
}
#rotator {
background-color: #e5edec;
width: 100%;
margin-top: 180px;
min-height: 300px; ( GDY DAM 100% jest lipa )
}
#rotator > div {
margin: 0 auto;
width: 1100px;
overflow: hidden;
margin-top: 10px;
}