Cześć,
Tworzę styl pod forum opartym na phpBB miałem problemy z przyklejeniem stopki na dole, a próbowałem na kilka sposobów. Używając w footerze:
position: absolute;
left: 0;
bottom: 0;
height: 100px;
width: 100%;
Stopka przyklejała się miejscu gdzie kończy się okno przeglądarki i przy przewijaniu zostawała w jednym miejscu (nie jechała za przeglądarką), używając position: fixed ten sam efekt, tylko, że przewijała się wraz z przeglądarką. Sporo się naszukałem o przyklejaniu stopki i nic nie pomagało, aż trafiłem na FLEX. Mój działający kod wygląda tak:
body {
font-family: Open sans, sans-serif;
font-size: 10px;
line-height: normal;
margin: 0;
word-wrap: break-word;
-webkit-print-color-adjust: exact;
display: flex;
min-height: 100vh;
flex-direction: column;
-webkit-flex-direction: column; /* Safari 6.1+ */
-ms-flex-direction: column; /* IE 10 */
}
body {
font-family: Open sans, sans-serif;
font-size: 10px;
line-height: normal;
margin: 0;
word-wrap: break-word;
-webkit-print-color-adjust: exact;
display: flex;
min-height: 100vh;
flex-direction: column;
-webkit-flex-direction: column; /* Safari 6.1+ */
-ms-flex-direction: column; /* IE 10 */
}
#wrap {
border: 1px solid transparent;
margin: 0 auto;
max-width: 1152px;
min-width: 625px;
padding: 15px;
flex: 1 0 auto;
-webkit-flex: 1 0 auto; /* Safari 6.1+ */
-ms-flex: 1 0 auto; /* IE 10 */
}
#page-body {
margin: 4px 0;
clear: both;
}
#page-footer {
clear: both;
width: 100%;
background: #427599;
bottom: 0;
}
Stopka jest pięknie przyklejona natomiast pojawił się inny dziwny błąd. Wchodząc w widok tematów w danym forum WRAP się zwęża, wchodząc w niektóre tematy zwęża się jeszcze bardziej. Co dziwne w poniektórych tematach jest ok, a nie wiem od czego to zależy. Proszę o pomoc jeśli ktoś wie co może być pryzczyną