scroll bars... again... because i am useless.......

Status
Not open for further replies.

Viscera

Feral Child
Original poster
FOLKLORE MEMBER
Invitation Status
Writing Levels
  1. Intermediate
  2. Adept
  3. Advanced
  4. Prestige
  5. Adaptable
Preferred Character Gender
  1. Male
  2. Primarily Prefer Male
Genres
Sci-Fi, Modern, Yaoi
AAAAAAAAAAAUGH
scroll bars are going to be the death of me i swear

ANYWAYS
I figured out how to hide the scrollbar on my other coding stuff (thanks to your guys help, yay!) but when I try to hide it for my new piece of coding, it doesn't work. It either makes it so that all of the content below the div box is put into the div box I'm using to hide the scrollbar, or it pushes all the content down and treats them as a separate separate div box (if that makes any sense?)

PLS HELP BECAUSE I AM SO LOST ;U;

I want to hide this scrollbar:

EBxbQjN.png

Here is the code:

Code:
[div=
  width: 100%;
  height: 800px;
  background: url(https://dl.dropboxusercontent.com/u/21770874/mementomori/thread/bg.jpg);][div=
  width: 95%;
  height: 800px;
  background-color: #bfbfbf;
  float: center;
  margin-left: auto;
  margin-right: auto;][div=
  width: 800px;
  height: 65px;
  background: url(http://i.imgur.com/Q6p8aEa.png);
  float: center;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #ffffff;]
[div=
  float: right;
  margin-left: auto;
  margin-right: auto;
  top: 9px;
  margin: auto;
  text-align: center;
  width: 60%;
  height: 65px;
  font-family: Helvetica;
  font-size: 10px;
  font-color: #ffffff;
  letter-spacing: -1px;] CAST xLIST xxxxx INTEREST xCHECK xxxxx OUTx OFx CHARACTER xxxxx IN xCHARACTER xxxxx PLAYLIST[/div]
[div=
  width: 800px;
  height: 335px;
  top: 26px;
  background: url(http://i.imgur.com/fsSCWUj.png);
  float: center;
  margin-left: auto;
  margin-right: auto;][/div]
 
[div=
  width: 100%;
  height: 385px;
  float: right;
  z-index: 2;
  overflow-y: auto;
  left: 10px;][div=
  width: 300px;
  max-width: 300px!important;
  height: 35px;
  background: url(http://i.imgur.com/WelPCw7.png);
  font-family: arial;
  font-size: 25px;
  text-color: #000000;
  letter-spacing: -3px;][/div][div=
  width: 275px;
  min-width: 275px!important;
  max-width: 275px!important;
  height: 330px;
  top: 1px;
  background-color: #000000;
  font-color: #ffffff;
  font-family: verdana;
  overflow-y: auto;
  padding-right: 15px;
  text-align: justify;
  padding-left: 10px;]TEXT HERE[/div][div=
  width: 460px;
  max-width: 460px!important;
  height: 35px;
  background: url(http://i.imgur.com/GDCIsr3.png);
  font-family: arial;
  font-size: 25px;
  float: right;
  margin-left: auto;
  margin-right: auto;
  text-color: #000000;
  letter-spacing: -3px;
  top: -365px;
  left: -4px;][/div][div=
  width: 440px;
  text-align: justify;
  min-width: 440px!important;
  max-width: 440px!important;
  height: 330px;
  background: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  top: -364px;
  overflow-y: auto;
  left: 319px;]TEXT HERE[/div][/div][/div][/div][/div]

And here's a link to the coding just in case:
◞█ × █ ELECTRIC ↷ SAINTS 》—❜

//screams
 
Try "overflow-y: hidden;" instead of "overflow-y: auto;" (6th div tag):

Code:
[div=
width: 100%;
height: 800px;
background: url(https://dl.dropboxusercontent.com/u/21770874/mementomori/thread/bg.jpg);][div=
width: 95%;
height: 800px;
background-color: #bfbfbf;
float: center;
margin-left: auto;
margin-right: auto;][div=
width: 800px;
height: 65px;
background: url(http://i.imgur.com/Q6p8aEa.png);
float: center;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #ffffff;]
[div=
float: right;
margin-left: auto;
margin-right: auto;
top: 9px;
margin: auto;
text-align: center;
width: 60%;
height: 65px;
font-family: Helvetica;
font-size: 10px;
font-color: #ffffff;
letter-spacing: -1px;] CAST xLIST xxxxx INTEREST xCHECK xxxxx OUTx OFx CHARACTER xxxxx IN xCHARACTER xxxxx PLAYLIST[/div]
[div=
width: 800px;
height: 335px;
top: 26px;
background: url(http://i.imgur.com/fsSCWUj.png);
float: center;
margin-left: auto;
margin-right: auto;][/div]
 
[div=
width: 100%;
height: 385px;
float: right;
z-index: 2;
overflow-y: hidden;
left: 10px;][div=
width: 300px;
max-width: 300px!important;
height: 35px;
background: url(http://i.imgur.com/WelPCw7.png);
font-family: arial;
font-size: 25px;
text-color: #000000;
letter-spacing: -3px;][/div][div=
width: 275px;
min-width: 275px!important;
max-width: 275px!important;
height: 330px;
top: 1px;
background-color: #000000;
font-color: #ffffff;
font-family: verdana;
overflow-y: auto;
padding-right: 15px;
text-align: justify;
padding-left: 10px;]TEXT HERE[/div][div=
width: 460px;
max-width: 460px!important;
height: 35px;
background: url(http://i.imgur.com/GDCIsr3.png);
font-family: arial;
font-size: 25px;
float: right;
margin-left: auto;
margin-right: auto;
text-color: #000000;
letter-spacing: -3px;
top: -365px;
left: -4px;][/div][div=
width: 440px;
text-align: justify;
min-width: 440px!important;
max-width: 440px!important;
height: 330px;
background: #ffffff;
padding-left: 10px;
padding-right: 10px;
top: -364px;
overflow-y: auto;
left: 319px;]TEXT HERE[/div][/div][/div][/div][/div]
 
Try "overflow-y: hidden;" instead of "overflow-y: auto;" (6th div tag):

Code:
[div=
width: 100%;
height: 800px;
background: url(https://dl.dropboxusercontent.com/u/21770874/mementomori/thread/bg.jpg);][div=
width: 95%;
height: 800px;
background-color: #bfbfbf;
float: center;
margin-left: auto;
margin-right: auto;][div=
width: 800px;
height: 65px;
background: url(http://i.imgur.com/Q6p8aEa.png);
float: center;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #ffffff;]
[div=
float: right;
margin-left: auto;
margin-right: auto;
top: 9px;
margin: auto;
text-align: center;
width: 60%;
height: 65px;
font-family: Helvetica;
font-size: 10px;
font-color: #ffffff;
letter-spacing: -1px;] CAST xLIST xxxxx INTEREST xCHECK xxxxx OUTx OFx CHARACTER xxxxx IN xCHARACTER xxxxx PLAYLIST[/div]
[div=
width: 800px;
height: 335px;
top: 26px;
background: url(http://i.imgur.com/fsSCWUj.png);
float: center;
margin-left: auto;
margin-right: auto;][/div]
 
[div=
width: 100%;
height: 385px;
float: right;
z-index: 2;
overflow-y: hidden;
left: 10px;][div=
width: 300px;
max-width: 300px!important;
height: 35px;
background: url(http://i.imgur.com/WelPCw7.png);
font-family: arial;
font-size: 25px;
text-color: #000000;
letter-spacing: -3px;][/div][div=
width: 275px;
min-width: 275px!important;
max-width: 275px!important;
height: 330px;
top: 1px;
background-color: #000000;
font-color: #ffffff;
font-family: verdana;
overflow-y: auto;
padding-right: 15px;
text-align: justify;
padding-left: 10px;]TEXT HERE[/div][div=
width: 460px;
max-width: 460px!important;
height: 35px;
background: url(http://i.imgur.com/GDCIsr3.png);
font-family: arial;
font-size: 25px;
float: right;
margin-left: auto;
margin-right: auto;
text-color: #000000;
letter-spacing: -3px;
top: -365px;
left: -4px;][/div][div=
width: 440px;
text-align: justify;
min-width: 440px!important;
max-width: 440px!important;
height: 330px;
background: #ffffff;
padding-left: 10px;
padding-right: 10px;
top: -364px;
overflow-y: auto;
left: 319px;]TEXT HERE[/div][/div][/div][/div][/div]
It disguises the scroll bar for sure, but then the div box page won't scroll at all ;u;
 
I cheated hard with this one. I appended the div for the floating bar at the very end of the code, then added a div at the very start specifying a height and the overflow: hidden property so as to hide the extra space made by the floating bar. I think I got the values right for the floating div box, since it seems to turn out fine on my end, but if not, you can always adjust it. ^^

Code:
[div=
height: 800px;
overflow: hidden;][div=
width: 100%;
height: 800px;
background: url(https://dl.dropboxusercontent.com/u/21770874/mementomori/thread/bg.jpg);][div=
width: 95%;
height: 800px;
background-color: #bfbfbf;
float: center;
margin-left: auto;
margin-right: auto;][div=
width: 800px;
height: 65px;
background: url(http://i.imgur.com/Q6p8aEa.png);
float: center;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #ffffff;]
[div=
float: right;
margin-left: auto;
margin-right: auto;
top: 9px;
margin: auto;
text-align: center;
width: 60%;
height: 65px;
font-family: Helvetica;
font-size: 10px;
font-color: #ffffff;
letter-spacing: -1px;] CAST xLIST xxxxx INTEREST xCHECK xxxxx OUTx OFx CHARACTER xxxxx IN xCHARACTER xxxxx PLAYLIST[/div]
[div=
width: 800px;
height: 335px;
top: 26px;
background: url(http://i.imgur.com/fsSCWUj.png);
float: center;
margin-left: auto;
margin-right: auto;][/div]
 
[div=
width: 100%;
height: 385px;
float: right;
z-index: 2;
overflow-y: auto;
left: 10px;][div=
width: 300px;
max-width: 300px!important;
height: 35px;
background: url(http://i.imgur.com/WelPCw7.png);
font-family: arial;
font-size: 25px;
text-color: #000000;
letter-spacing: -3px;][/div][div=
width: 275px;
min-width: 275px!important;
max-width: 275px!important;
height: 330px;
top: 1px;
background-color: #000000;
font-color: #ffffff;
font-family: verdana;
overflow-y: auto;
padding-right: 15px;
text-align: justify;
padding-left: 10px;]TEXT HERE[/div][div=
width: 460px;
max-width: 460px!important;
height: 35px;
background: url(http://i.imgur.com/GDCIsr3.png);
font-family: arial;
font-size: 25px;
float: right;
margin-left: auto;
margin-right: auto;
text-color: #000000;
letter-spacing: -3px;
top: -365px;
left: -4px;][/div][div=
width: 440px;
text-align: justify;
min-width: 440px!important;
max-width: 440px!important;
height: 330px;
background: #ffffff;
padding-left: 10px;
padding-right: 10px;
top: -364px;
overflow-y: auto;
left: 319px;]TEXT HERE[/div][/div][/div][/div][/div][div=
	width: 20px;
	height: 384px;
	z-index: 2;
	float: right;
	left: 810px;
	bottom: 383px;
	background: #bfbfbf;
	overflow: hidden;][/div][/div]

Pretty sure there's another way around this, though. I think the two div boxes are just taking up so much space that, if you add a floating div box in there, it ends up pushing everything below, as you described. So you'll have to adjust the width of your two div boxes and leave enough space to accommodate a floating div. Though I haven't taken apart your coding and looked at it properly so I can't be sure.
 
  • Thank You
Reactions: Viscera
argh, its still not working. i think i'll just settle for the double-scroll bar look until i figure out what's going on. tbh i barely understand my own code LOL

thank you though! youre a coding god, all hail /o/
 
  • Love
Reactions: Absyinthe_Artica
Status
Not open for further replies.