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.

screen resolution and margin

View previous topic View next topic Go down

Solved screen resolution and margin

Post by breatheh2o on April 9th 2013, 4:28 pm

can anyone tell me how i go about correcting the margin issue i have when i change screen resolution ie when on my laptop the resolution is 1366x768 and my forum looks the way i want it everything centered but when i go on my desktop my monitor resolution is 1600x900 and my forum is off center with the right hand margin being a lot bigger than the left see screen shoot
when i change the "margin-left" it works on my desktop monitor but when i switch to my laptop the margin is then messed up on that resolution.

breatheh2o
New Member

Posts : 10
Reputation : 1
Language : ENGLISH

Back to top Go down

Solved Re: screen resolution and margin

Post by Sir Chivas™ on April 9th 2013, 4:31 pm

Hi,

Are you trying to center the board itself? Can you please provide your forum URL? Thanks.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: screen resolution and margin

Post by breatheh2o on April 9th 2013, 4:48 pm

not sure if it the board i want to center just want it so no matter what resolution my screen is the margins left and right to my forums body are equal thanks.
http://forzalegends.playogame.com/

breatheh2o
New Member

Posts : 10
Reputation : 1
Language : ENGLISH

Back to top Go down

Solved Re: screen resolution and margin

Post by Sir Chivas™ on April 9th 2013, 5:04 pm

Try this,
Code:
#wrap {
padding: 5px;
border: 1px solid #ff0000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 0 5px #d1c5c5;
-webkit-box-shadow: 0 0 5px #ff0000;
margin-left: 180px;
}

Inside your CSS: ACP >> Display >> Colors >> CSS (tab)



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: screen resolution and margin

Post by breatheh2o on April 9th 2013, 5:20 pm

cheers bud put the code in had to change margin-left to 140px to center the forum on my desktop monitor but when i went on my laptop there is now a big margin on the left and no margin to the right

breatheh2o
New Member

Posts : 10
Reputation : 1
Language : ENGLISH

Back to top Go down

Solved Re: screen resolution and margin

Post by breatheh2o on April 10th 2013, 11:44 am

managed to sort it myself with this coding
Code:
body{margin-right: auto;
margin-left: auto;
  max-width:1350px;
}
#wrap {margin-left:auto;
margin-right:auto;
width:1290px;
}
now no matter what resolution the screen im viewing my forum on everything is centered :wouhou: please mark as solved

breatheh2o
New Member

Posts : 10
Reputation : 1
Language : ENGLISH

Back to top Go down

Solved Re: screen resolution and margin

Post by Sanket on April 10th 2013, 12:26 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

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