HomeWidgets on top side by side?
2 posters
Page 1 of 1
Widgets on top side by side?
by Sapho Fri 22 Jan 2016, 15:43
Hello there! 
My forum is punBB and I used a code to put the widgets on top of the forum and it works but they appear one under another and I want them to be side by side in a single row on top of the forum.
This is the code I used:
My forum is punBB and I used a code to put the widgets on top of the forum and it works but they appear one under another and I want them to be side by side in a single row on top of the forum.
This is the code I used:
- Spoiler:
- #content-container div#container {
width: auto;
float: none;
margin-left: auto;
}
#content-container div#main {
margin-right: auto;
margin-bottom: auto;
}
#content-container div#left {
width: auto;
float: none;
margin-left: auto;
}
#content-container div#right {
width: auto;
float: none;
margin-left: auto;
}
#main {
width: 990px;
}
#gfooter {
width: 990px;
}
#logostrip {
width: 990px;
}
#submenu {
width: 990px;
}
#userlinks {
width: 935px;
}
Sapho- New Member
- Posts : 2
Reputation : 1
Language : Bulgarian, English -
Re: Widgets on top side by side?
by 10spetter10 Fri 22 Jan 2016, 17:10
Try adding this css.
- Code:
#left {
display: flex;
}
#left .module.main {
flex: 1 1 50%;
}
#left .main-content {
height: 100%;
}
10spetter10- Forumember
- Posts : 195
Reputation : 82
Language : Dutch
Re: Widgets on top side by side?
by Sapho Fri 22 Jan 2016, 18:12
I put it after the code in the spoiler aand it doesn't work.
Sapho- New Member
- Posts : 2
Reputation : 1
Language : Bulgarian, English -
Re: Widgets on top side by side?
by 10spetter10 Fri 22 Jan 2016, 18:28
When I add it in-browser it seems to work fine.
Maybe it is some cross-browser issue, try this:
Maybe it is some cross-browser issue, try this:
- Code:
#left {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
}
#left .module.main {
-webkit-flex: 1 1 50%;
-moz-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
background: #FBFBFB;
}
#left .main-head {
background: #56433C;
}
#left .main-content {
height: 100%;
}
10spetter10- Forumember
- Posts : 195
Reputation : 82
Language : Dutch
Similar topics» Widgets on Forum Side
» What happened to everything that was in widgets on the right hand side of this forum
» Thread body left side instead of right side
» Zodiac, gender and online/offline icon side by side on Topics
» Advanced Side By Side Forums with Custom layout , Need Ange's Help Please
» What happened to everything that was in widgets on the right hand side of this forum
» Thread body left side instead of right side
» Zodiac, gender and online/offline icon side by side on Topics
» Advanced Side By Side Forums with Custom layout , Need Ange's Help Please
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
