The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Widgets on top side by side?

View previous topic View next topic 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;
}

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%;
}

10spetter10
Forumember

Posts : 195
Reputation : 81
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.

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%;
}

10spetter10
Forumember

Posts : 195
Reputation : 81
Language : Dutch

Back to top Go down

View previous topic View next topic Back to top


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