Widgets on top side by side?

Go down

Widgets on top side by side?

Post by Sapho on January 22nd 2016, 4:43 pm

Hello there! Mr. Green
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;
}
avatar
Sapho
New Member

Posts : 2
Reputation : 1
Language : Bulgarian, English

http://kadykchan.forumotion.eu

Back to top Go down

Re: Widgets on top side by side?

Post by 10spetter10 on January 22nd 2016, 6:10 pm

Try adding this css.

Code:
#left {
  display: flex;
}
#left .module.main {
  flex: 1 1 50%;
}
#left .main-content {
  height: 100%;
}
avatar
10spetter10
Forumember

Posts : 195
Reputation : 82
Language : Dutch

Back to top Go down

Re: Widgets on top side by side?

Post by Sapho on January 22nd 2016, 7:12 pm

I put it after the code in the spoiler aand it doesn't work.
avatar
Sapho
New Member

Posts : 2
Reputation : 1
Language : Bulgarian, English

http://kadykchan.forumotion.eu

Back to top Go down

Re: Widgets on top side by side?

Post by 10spetter10 on January 22nd 2016, 7:28 pm

When I add it in-browser it seems to work fine.



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%;
}
avatar
10spetter10
Forumember

Posts : 195
Reputation : 82
Language : Dutch

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum