Posted by My Boxes Won't Scroll?!?
Skai; Modjockey (#173573)

Bone Collector
View Forum Posts


Posted on
2019-07-08 20:03:29
Okay, so I have looked through as many other threads as I could find on scrollboxes but nothing I've found so far will make my boxes scroll. Here is my CSS Code as well as the HTML I have in place:


CSS:

.boxcontainer {
background: none !important;
height: auto !important;
padding: 2px !important;
display: flex !important;
justify-content: center;
font-family:'IM Fell English SC', serif;
}

.Box1 {
background: #d1d1d1 !important;
color: #080808 !important;
padding: 10px !important;
border: none;
border-radius: 10px !important;
margin: 5px;
float: left !important;
hieght: 300px;
width: 350px;
overflow: hidden !important;
}

.Box1:hover {
overflow-y: auto !important;
}

.Box2 {
background: #d1d1d1 !important;
color: #080808 !important;
padding: 10px !important;
border: none;
border-radius: 10px !important;
margin: 5px;
float: right !important;
hieght: 300px;
width: 350px;
overflow: hidden !important;
}

.Box2:hover {
overflow-y: auto !important;
}

.boxcontainer {
background: none !important;
height: auto !important;
padding: 2px !important;
display: flex !important;
justify-content: center;
font-family:'IM Fell English SC', serif;
}

.Box3 {
background: #d1d1d1 !important;
color: #080808 !important;
padding: 10px !important;
border: none;
border-radius: 10px !important;
margin: 5px;
float: left !important;
hieght: 300px;
width: 350px;
overflow: hidden !important;
}

.Box3:hover {
overflow-y: auto !important;
}

.Box4 {
background: #d1d1d1 !important;
color: #080808 !important;
padding: 10px !important;
border: none;
border-radius: 10px !important;
margin: 5px;
float: right !important;
hieght: 300px;
width: 350px;
overflow: hidden !important;
}

.Box4:hover {
overflow-y: auto !important;
}


HTML:
<*div class*="*boxcontainer*">
<*div class*="*Box1*"><*h2*>Header<*/h2*>words here<*/div*>
<*div class*="*Box2*"><*h2*>Header<*/h2*>words<*/div*><*/div*>
<*div class*="*boxcontainer"*>
<*div class*="*Box3*"><*h2*>Header<*/h2*>words here<*/div*>
<*div class*="*Box4*"><*h2*>Header<*/h2*>words<*/div*><*/div*>




Can anyone help me figure this out please?



Hrt Icon 0 players like this post! Like?


No replies have been posted yet.





Memory Used: 624.47 KB - Queries: 2 - Query Time: 0.00058 - Total Time: 0.00369s