Niedziałający overflow:auto.

CSS  Założony przez  Varus2.

Witam, jak w temacie mam dodany przewijanie strony czyli overflow:auto. Ale problem jest taki że  to mi nie działa, ani nie mam paska na stronie, ani strona nie reaguje mi na kółko myszy, daję kod css tego
 
body {
   background:url(odnośnik do obrazu.png);"
   text-align: left;
   line-height: 1.4;
   margin: 0;
   font-family: 'Roboto', Tahoma, Verdana, Arial, Sans-Serif;
   font-size: 13px;
   overflow: auto;
}

przynajmniej jak dla mnie, patrząc na ten kod, to przewijanie powinno działać, ale tak nie jest :/
(05.08.2018, 23:55)Varus2 napisał(a): Witam, jak w temacie mam dodany przewijanie strony czyli overflow:auto. Ale problem jest taki że to mi nie działa, ani nie mam paska na stronie, ani strona nie reaguje mi na kółko myszy, daję kod css tego

body {
    background:url(odnośnik do obrazu.png);"
    text-align: left;
    line-height: 1.4;
    margin: 0;
    font-family: 'Roboto', Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    overflow: auto;
}

przynajmniej jak dla mnie, patrząc na ten kod, to przewijanie powinno działać, ale tak nie jest :/
Wrzuć cały kod na stronę i podaj link.
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
(06.08.2018, 00:21)Fyeem napisał(a): Wrzuć cały kod na stronę i podaj link.
cały kod css?
(06.08.2018, 22:39)Varus2 napisał(a):
(06.08.2018, 00:21)Fyeem napisał(a): Wrzuć cały kod na stronę i podaj link.
cały kod css?
HTML + CSS?
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
(06.08.2018, 22:50)Fyeem napisał(a): HTML + CSS?
Ok to kod html
<html lang="pl">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



<title></title>

<meta name="author" content="" />

<meta name="description" content="" />

<meta name="Revisit-After" content="3 days" />

<meta name="keywords" content="" />



<link href="https://fonts.googleapis.com/css?family=Cormorant+SC" rel="stylesheet">
   



<link rel="stylesheet" href="https://odnośnik/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
   <link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
   <link href="http://odnośnik/is/tmp/css/cssthc.css" rel="stylesheet" type="text/css">
   <link href="http://odnośnik/is/tmp/css/css1.css" rel="stylesheet" type="text/css">
   <link href="http://odnośnik/css/nav.css" rel="stylesheet" type="text/css">
   <link href="http://odnośnik/images/favicon.png" rel="icon" type="img/ico">

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="<?php echo $link; ?>/js/jquery.mCustomScrollbar.concat.min.js" type="text/javascript"></script>
<script src="<?php echo $link; ?>/js/jquery.bxslider.min.js"></script>
<script src="<?php echo $link; ?>/js/tooltips.js" type="text/javascript"></script>
<link href="<?php echo $link; ?>/tmp/css/jquery.bxslider.css" rel="stylesheet" />
<link href="//odnośnik/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="ccc.css" rel="stylesheet">


<script>

$(document).ready(function(){

 $('.bxslider').bxSlider({

autoStart: true,

swipeThreshold: 100,

speed: 1200,

 });

});

</script>

<script type="text/javascript">

$(document).ready(function() {

$("#status").load('status.php');

  var refreshId = setInterval(function() {

 $("#status").load('status.php='+ Math.random());

  }, 3500);

  $.ajaxSetup({ cache: false });

});

</script>


</head>

<head>

<link rel="stylesheet" type="text/css" href="normalize.css" />
<link rel="stylesheet" type="text/css" href="./tmp/css/gracz.css" />
</head>
<script type="text/javascript">

(function($){

$(window).load(function(){

$(".owner").mCustomScrollbar({

theme:"dark"

});

$(".points").mCustomScrollbar({

theme:"dark"

});

});

})(jQuery);

</script>



<script>

       $(function () { $("[data-toggle='tooltip']").tooltip(); });

   </script>

</body>

</html>
a to css
table {

   border-collapse: collapse;

   font-family: arial,sans-serif;

   width: 100%;

}

td, th {

   border: 1px solid #000000;

   padding: 8px;

   text-align: left;

}

tr:nth-child(2n) {

   background-color: #dddddd;

}

.time {

   white-space: nowrap;

}

.green {

   color: #009900;

   font-weight: bold;

}

.red {

   color: #ff0000;

   font-weight: bold;

}

#menu-container {
   width: 100%;
   height: 60px;
   background: rgba(33,33,33,0.9);
   display: block;
}

body {
   background:url(../../../images/header_background.png);"
   text-align: left;
   line-height: 1.4;
   margin: 0;
   font-family: 'Roboto', Tahoma, Verdana, Arial, Sans-Serif;
   font-size: 13px;
   overflow: auto;
}


#header {

width: 70%;

margin: 20px auto;

background: #fff;

border: 1px solid #D8D8D8;

color: #5F5F5F;

}



#content {
   width: calc(70% - 16px);
   margin: 0 auto;
   margin-top: 0px;
   color: #5F5F5F;
   margin-top: 15px;
}


#menu-container {
   width: 100%;
   height: 60px;
   background: rgba(33,33,33,0.9);
   display: block;
}



#logo {
   margin: 0 auto;
   background: #2c3e50;
   border: 1px solid #2C3E50;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: rgb(44, 62, 80);
   border-bottom: 2px solid #2C3E50;
   color: #FFF;
   overflow: auto;
   padding: 8px 8px;
   font-size: 15px;
}


.center { text-align: center; }



#footer {

width: 70%;

margin: 4px auto;

}



.footer_wrapper {

font-size: 10px;

padding: 3px 6px;

color: #fff;

text-align: right;

}



#footer a {

text-decoration: none;

color: #fff;

font-weight: bold;

}



.label {

display: inline;

padding: .2em .6em;

font-size: 85%;

color: #ffffff;

text-align: center;

vertical-align: inherit;

background: #da2352;

}



ul.menu {

width: 60px;

float: left;

height: 100%;

border-right: 2px solid #D8D8D8;

padding: 0;

margin: 0;

display: block;

}



ul.menu a {

text-align: center;

display: block;

border-bottom: 1px solid #D8D8D8;

color: #5F5F5F;

text-decoration: none;

padding: 10px;

width: 40px;

vertical-align: middle;

}



ul.menu a:hover {

background: #F5F4F4;

}



.arrow:before {

content: ' ';

position: absolute;

margin-left: 62px;

margin-top: 8px;

border-left: 4px solid #333;

border-style: solid;

border-width: 15px 0 15px 10px;

border-color: transparent transparent transparent #d8d8d8;

_border-color: #000000 #000000 #000000 #d8d8d8;

_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}



.container {

width: calc(100% - 62px);

height: 100%;

float: left;

overflow: hidden;

}



.lefts {

width: calc(40% - 2px);

height: 100%;

float: left;

border-right: 1px solid #D8D8D8;

}



.rights {

width: calc(60% - 2px);

height: 100%;

float: left;

}



.box_title {

padding: 15px 20px;

vertical-align: inherit;

border-bottom: 1px solid #D8D8D8;

}



.player {
   height: 550px;
   overflow: hidden;
   background: #fff;
}


td a { text-decoration: none; color: #000000; font-size: }

td a:hover { text-decoration: underline; }


.playerhead {

box-shadow: 0px 1px 0px rgba(255,255,255,0.1) inset, 0px 1px 0px rgba(255,255,255,0.2);

border: 1px solid rgb(54, 54, 54);

}



.label-success { background: #29A615; }

.label-primary { background: #F58505; }



.playerdetails {

border-bottom: 1px solid #D8D8D8;

}



.playerdetails p {

padding: 6px 6px;

margin: 1px 0 0 0;

overflow: auto;

}



.detail {

font-family: 'Cuprum', sans-serif;

font-size: 19px;

}



.playerdetails a {

color: #fff;

text-decoration: none;

font-weight: bold;

}



.playerdetails a:hover {

text-decoration: underline;

}




.left{
float: left;
width: 45%;
margin-right: 3%;
}


.leftd {

width: calc(50% - 2px);

height: 534px;

float: left;

border-right: 1px solid #D8D8D8;

overflow: hidden;

}



.rightd {

width: calc(50% - 2px);

height: 534px;

float: left;

overflow: hidden;

}



.float {

position: absolute;

margin-left: 6px;

margin-top: 3px;

}



.buyform {

width: 450px;

margin: 45px auto;

text-align: center;

}



p { line-height: 1.8em; }



p.information {

width: 440px;

line-height: 1.5em;

}



p.details {

width: 440px;

line-height: 1.5em;

}



p.price {

width: 436px;

line-height: 1.5em;

text-align: right;

margin-top: -8px;

}



p.form {

width: 440px;

line-height: 1.5em;

margin-top: 15px;

}



p.buttons {

width: 440px;

line-height: 1.5em;

}



p.error {

width: 440px;

line-height: 1.5em;

color: red;

font-weight: bold;

font-size: 120%;

}



p.buttons a {

text-decoration: none;

font-size: 110%;

margin-right: 3px;

}



p {
 overflow: auto;
 width: 250px;
 height: 100px;
 border: 1px solid #BEBEBE;

}



input[type=text] {

padding: 14px 8px;

border: 1px solid #CFCFCF;

font-size: 120%;

}



input[type=password] {

padding: 14px 8px;

border: 1px solid #CFCFCF;

font-size: 120%;

}



input[type=submit] {

padding: 14px 8px;

border: 1px solid #CFCFCF;

font-size: 120%;

cursor: pointer;

font-weight: bold;

}



input[type=submit]:hover {

box-shadow: inset 0 0 2px #333;

}



.shopcontainer {

width: calc(100% - 2px);

height: 534px;

float: right;

overflow: hidden;

}

#search-player {
   width: 80%;
   height: 50px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 25px;
}

#search-button-player {
   float: left;
   width: calc(20% - 2px);
   height: 50px;
   background: #2c3e50;
   color: #fff;
   border: solid 1px black;
   font-size: 20px;
}


button, html input[type="button"], input[type="reset"], input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer;
}


button, input, select, textarea {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
}


input {
   line-height: normal;
}


button, input, optgroup, select, textarea {
   margin: 0;
   font: inherit;
       font-family: inherit;
       font-size: inherit;
       line-height: inherit;
   color: inherit;
}


* {
   font-family: 'Cormorant SC', serif;
   font-family: sans-serif;
}


* {
   margin: 0px;
}


* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


body {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #333;
   overflow: hidden;
}


html {
   font-size: 10px;
}


html {
   font-family: sans-serif;
   -webkit-text-size-adjust: 100%;
}

.top {
   width: 100%;
   height: 100px;
   background: #2c3e50;
   color: #fff;
   text-align: center;
   line-height: 100px;
   font-size: 30px;
   font-weight: 500;
}

* {
   font-family: 'Cormorant SC', serif;
   font-family: sans-serif;
}


* {
   margin: 0px;
}


* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


body {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #333;
   overflow: hidden;
}


html {
   font-size: 10px;
}


html {
   font-family: sans-serif;
   -webkit-text-size-adjust: 100%;
}

#top-players-container {
   width: 90%;
   height: 800px;
   margin-left: auto;
   margin-right: auto;
   background: #303231;
   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
   margin-top: 50px;
}

1 {
       float: left;
}
2 {
       float: right;
}
(09.08.2018, 22:51)Varus2 napisał(a):
(06.08.2018, 22:50)Fyeem napisał(a): HTML + CSS?
Ok to kod html
<html lang="pl">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



<title></title>

<meta name="author" content="" />

<meta name="description" content="" />

<meta name="Revisit-After" content="3 days" />

<meta name="keywords" content="" />



<link href="https://fonts.googleapis.com/css?family=Cormorant+SC" rel="stylesheet">
   



<link rel="stylesheet" href="https://odnośnik/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
   <link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
   <link href="http://odnośnik/is/tmp/css/cssthc.css" rel="stylesheet" type="text/css">
   <link href="http://odnośnik/is/tmp/css/css1.css" rel="stylesheet" type="text/css">
   <link href="http://odnośnik/css/nav.css" rel="stylesheet" type="text/css">
   <link href="http://odnośnik/images/favicon.png" rel="icon" type="img/ico">

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="<?php echo $link; ?>/js/jquery.mCustomScrollbar.concat.min.js" type="text/javascript"></script>
<script src="<?php echo $link; ?>/js/jquery.bxslider.min.js"></script>
<script src="<?php echo $link; ?>/js/tooltips.js" type="text/javascript"></script>
<link href="<?php echo $link; ?>/tmp/css/jquery.bxslider.css" rel="stylesheet" />
<link href="//odnośnik/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="ccc.css" rel="stylesheet">


<script>

$(document).ready(function(){

 $('.bxslider').bxSlider({

autoStart: true,

swipeThreshold: 100,

speed: 1200,

 });

});

</script>

<script type="text/javascript">

$(document).ready(function() {

$("#status").load('status.php');

  var refreshId = setInterval(function() {

 $("#status").load('status.php='+ Math.random());

  }, 3500);

  $.ajaxSetup({ cache: false });

});

</script>


</head>

<head>

<link rel="stylesheet" type="text/css" href="normalize.css" />
<link rel="stylesheet" type="text/css" href="./tmp/css/gracz.css" />
</head>
<script type="text/javascript">

(function($){

$(window).load(function(){

$(".owner").mCustomScrollbar({

theme:"dark"

});

$(".points").mCustomScrollbar({

theme:"dark"

});

});

})(jQuery);

</script>



<script>

       $(function () { $("[data-toggle='tooltip']").tooltip(); });

   </script>

</body>

</html>
a to css
table {

   border-collapse: collapse;

   font-family: arial,sans-serif;

   width: 100%;

}

td, th {

   border: 1px solid #000000;

   padding: 8px;

   text-align: left;

}

tr:nth-child(2n) {

   background-color: #dddddd;

}

.time {

   white-space: nowrap;

}

.green {

   color: #009900;

   font-weight: bold;

}

.red {

   color: #ff0000;

   font-weight: bold;

}

#menu-container {
   width: 100%;
   height: 60px;
   background: rgba(33,33,33,0.9);
   display: block;
}

body {
   background:url(../../../images/header_background.png);"
   text-align: left;
   line-height: 1.4;
   margin: 0;
   font-family: 'Roboto', Tahoma, Verdana, Arial, Sans-Serif;
   font-size: 13px;
   overflow: auto;
}


#header {

width: 70%;

margin: 20px auto;

background: #fff;

border: 1px solid #D8D8D8;

color: #5F5F5F;

}



#content {
   width: calc(70% - 16px);
   margin: 0 auto;
   margin-top: 0px;
   color: #5F5F5F;
   margin-top: 15px;
}


#menu-container {
   width: 100%;
   height: 60px;
   background: rgba(33,33,33,0.9);
   display: block;
}



#logo {
   margin: 0 auto;
   background: #2c3e50;
   border: 1px solid #2C3E50;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: rgb(44, 62, 80);
   border-bottom: 2px solid #2C3E50;
   color: #FFF;
   overflow: auto;
   padding: 8px 8px;
   font-size: 15px;
}


.center { text-align: center; }



#footer {

width: 70%;

margin: 4px auto;

}



.footer_wrapper {

font-size: 10px;

padding: 3px 6px;

color: #fff;

text-align: right;

}



#footer a {

text-decoration: none;

color: #fff;

font-weight: bold;

}



.label {

display: inline;

padding: .2em .6em;

font-size: 85%;

color: #ffffff;

text-align: center;

vertical-align: inherit;

background: #da2352;

}



ul.menu {

width: 60px;

float: left;

height: 100%;

border-right: 2px solid #D8D8D8;

padding: 0;

margin: 0;

display: block;

}



ul.menu a {

text-align: center;

display: block;

border-bottom: 1px solid #D8D8D8;

color: #5F5F5F;

text-decoration: none;

padding: 10px;

width: 40px;

vertical-align: middle;

}



ul.menu a:hover {

background: #F5F4F4;

}



.arrow:before {

content: ' ';

position: absolute;

margin-left: 62px;

margin-top: 8px;

border-left: 4px solid #333;

border-style: solid;

border-width: 15px 0 15px 10px;

border-color: transparent transparent transparent #d8d8d8;

_border-color: #000000 #000000 #000000 #d8d8d8;

_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}



.container {

width: calc(100% - 62px);

height: 100%;

float: left;

overflow: hidden;

}



.lefts {

width: calc(40% - 2px);

height: 100%;

float: left;

border-right: 1px solid #D8D8D8;

}



.rights {

width: calc(60% - 2px);

height: 100%;

float: left;

}



.box_title {

padding: 15px 20px;

vertical-align: inherit;

border-bottom: 1px solid #D8D8D8;

}



.player {
   height: 550px;
   overflow: hidden;
   background: #fff;
}


td a { text-decoration: none; color: #000000; font-size: }

td a:hover { text-decoration: underline; }


.playerhead {

box-shadow: 0px 1px 0px rgba(255,255,255,0.1) inset, 0px 1px 0px rgba(255,255,255,0.2);

border: 1px solid rgb(54, 54, 54);

}



.label-success { background: #29A615; }

.label-primary { background: #F58505; }



.playerdetails {

border-bottom: 1px solid #D8D8D8;

}



.playerdetails p {

padding: 6px 6px;

margin: 1px 0 0 0;

overflow: auto;

}



.detail {

font-family: 'Cuprum', sans-serif;

font-size: 19px;

}



.playerdetails a {

color: #fff;

text-decoration: none;

font-weight: bold;

}



.playerdetails a:hover {

text-decoration: underline;

}




.left{
float: left;
width: 45%;
margin-right: 3%;
}


.leftd {

width: calc(50% - 2px);

height: 534px;

float: left;

border-right: 1px solid #D8D8D8;

overflow: hidden;

}



.rightd {

width: calc(50% - 2px);

height: 534px;

float: left;

overflow: hidden;

}



.float {

position: absolute;

margin-left: 6px;

margin-top: 3px;

}



.buyform {

width: 450px;

margin: 45px auto;

text-align: center;

}



p { line-height: 1.8em; }



p.information {

width: 440px;

line-height: 1.5em;

}



p.details {

width: 440px;

line-height: 1.5em;

}



p.price {

width: 436px;

line-height: 1.5em;

text-align: right;

margin-top: -8px;

}



p.form {

width: 440px;

line-height: 1.5em;

margin-top: 15px;

}



p.buttons {

width: 440px;

line-height: 1.5em;

}



p.error {

width: 440px;

line-height: 1.5em;

color: red;

font-weight: bold;

font-size: 120%;

}



p.buttons a {

text-decoration: none;

font-size: 110%;

margin-right: 3px;

}



p {
 overflow: auto;
 width: 250px;
 height: 100px;
 border: 1px solid #BEBEBE;

}



input[type=text] {

padding: 14px 8px;

border: 1px solid #CFCFCF;

font-size: 120%;

}



input[type=password] {

padding: 14px 8px;

border: 1px solid #CFCFCF;

font-size: 120%;

}



input[type=submit] {

padding: 14px 8px;

border: 1px solid #CFCFCF;

font-size: 120%;

cursor: pointer;

font-weight: bold;

}



input[type=submit]:hover {

box-shadow: inset 0 0 2px #333;

}



.shopcontainer {

width: calc(100% - 2px);

height: 534px;

float: right;

overflow: hidden;

}

#search-player {
   width: 80%;
   height: 50px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 25px;
}

#search-button-player {
   float: left;
   width: calc(20% - 2px);
   height: 50px;
   background: #2c3e50;
   color: #fff;
   border: solid 1px black;
   font-size: 20px;
}


button, html input[type="button"], input[type="reset"], input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer;
}


button, input, select, textarea {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
}


input {
   line-height: normal;
}


button, input, optgroup, select, textarea {
   margin: 0;
   font: inherit;
       font-family: inherit;
       font-size: inherit;
       line-height: inherit;
   color: inherit;
}


* {
   font-family: 'Cormorant SC', serif;
   font-family: sans-serif;
}


* {
   margin: 0px;
}


* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


body {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #333;
   overflow: hidden;
}


html {
   font-size: 10px;
}


html {
   font-family: sans-serif;
   -webkit-text-size-adjust: 100%;
}

.top {
   width: 100%;
   height: 100px;
   background: #2c3e50;
   color: #fff;
   text-align: center;
   line-height: 100px;
   font-size: 30px;
   font-weight: 500;
}

* {
   font-family: 'Cormorant SC', serif;
   font-family: sans-serif;
}


* {
   margin: 0px;
}


* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


body {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #333;
   overflow: hidden;
}


html {
   font-size: 10px;
}


html {
   font-family: sans-serif;
   -webkit-text-size-adjust: 100%;
}

#top-players-container {
   width: 90%;
   height: 800px;
   margin-left: auto;
   margin-right: auto;
   background: #303231;
   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
   margin-top: 50px;
}

1 {
       float: left;
}
2 {
       float: right;
}

Przydałaby się wersja live. Podaj adres najlepiej.
(10.08.2018, 10:43)Qwizi napisał(a): Przydałaby się wersja live. Podaj adres najlepiej.

http://hiddencraft.pl/is/points.php ale z tego co dziś zobaczyłem, to bardziej by się przydało takie coś jak mam na forum, czyli zatrzymanie tła strony, a puszczenie tylko zawartości w ruch.
Do poprawy
   
Nie masz przewijania, bo nadajesz overflow: hidden dla body w bardzo wielu miejscach. Usuń wszelke overflow: hidden z każdego body i będzie działać przewijanie. Kwestia tła to dodanie background-attachment: fixed; w tym samym miejscu, gdzie nadajesz tło.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
(11.08.2018, 21:40)Patryk Stefański napisał(a): Do poprawy
[attachment=14080]
(12.08.2018, 09:54)Divir napisał(a): Nie masz przewijania, bo nadajesz overflow: hidden dla body w bardzo wielu miejscach. Usuń wszelke overflow: hidden z każdego body i będzie działać przewijanie. Kwestia tła to dodanie background-attachment: fixed; w tym samym miejscu, gdzie nadajesz tło.
Ok działa dziękuję za pomoc co do przewijania, ale co do błędów to nie ogarnę bo w jquery jestem ciemny.



Użytkownicy przeglądający ten wątek:

1 gości