screen resolution and margin
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1 • Share •
screen resolution and margin
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.

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
Re: screen resolution and margin
Hi,
Are you trying to center the board itself? Can you please provide your forum URL? Thanks.
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 y it as solved.
Sir Chivas™- Support Moderator
-
Posts : 6810
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: screen resolution and margin
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/
http://forzalegends.playogame.com/
breatheh2o- New Member
- Posts : 10
Reputation : 1
Language : ENGLISH
Re: screen resolution and margin
Try this,
Inside your CSS: ACP >> Display >> Colors >> CSS (tab)
- 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 y it as solved.
Sir Chivas™- Support Moderator
-
Posts : 6810
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: screen resolution and margin
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
Re: screen resolution and margin
managed to sort it myself with this coding
please mark as solved
- Code:
body{margin-right: auto;
margin-left: auto;
max-width:1350px;
}
#wrap {margin-left:auto;
margin-right:auto;
width:1290px;
}

breatheh2o- New Member
- Posts : 10
Reputation : 1
Language : ENGLISH
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum