The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Center Forum

4 posters

Go down

Solved Center Forum

Post by silvergirl59 January 16th 2010, 2:15 pm

At first I wanted my forum to have a fixed width. I added the "width: 80%" css code into my css. However the change worked, my site had my intended fixed width, but the forum shifted to one side.

Site: http://anime-worldhq.forumotion.com/index.htm

Thank You Very Much


Last edited by silvergirl59 on January 17th 2010, 2:51 pm; edited 1 time in total
avatar
silvergirl59
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Center Forum

Post by Final-Blond January 16th 2010, 9:54 pm

Hi,

Ouch, phpBB3 hein ?
So let's try to fixed with this code to paste at the end of css stylesheet :
#wrap {margin-left: auto; margin-right: auto;}
Final-Blond
Final-Blond
Forumember

Female Posts : 117
Reputation : 0
Language : French, English, German
Location : High atop the hill in the swiss mountains

http://www.sos-forum.com/index.htm

Back to top Go down

Solved Re: Center Forum

Post by silvergirl59 January 17th 2010, 3:49 am

Yup phhb3

I found #wrap so I assume you put "#wrap {margin-left: auto; margin-right: auto;}" there. But when I added it my forum becomes green (not wanted). I tried putting your code at the end of the css but nothing happened.

Is there a specific place #wrap {margin-left: auto; margin-right: auto;} goes under?

Thanks Very Happy
avatar
silvergirl59
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Center Forum

Post by ze_chaofan January 17th 2010, 11:05 am

Hello...
I saw this in your CSS :
body {
background-color: #4c4c4c;
background-image: url('https://2img.net/h/i191.photobucket.com/albums/z301/lastfmbadges/a1/Untitled-4.png');
background-repeat: repeat;
margin-top:150px;
background-attachment: fixed;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px 0px 0px 0px;
padding: 0px;
border-color: #862121;
border-width: 0px 0px 0px 0px;
border-style: solid;
width: 80%
}

You have to correct it like this :
body {
background-color: #4c4c4c;
background-image: url('https://2img.net/h/i191.photobucket.com/albums/z301/lastfmbadges/a1/Untitled-4.png');
background-repeat: repeat;
margin-top:150px;
background-attachment: fixed;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px 0px 0px 0px;
padding: 0px;
border-color: #862121;
border-width: 0px 0px 0px 0px;
border-style: solid;
width: 100%;
}
(and with this, I think you don't need the other code)
ze_chaofan
ze_chaofan
Forumember

Male Posts : 34
Reputation : 0
Language : English and French

http://full-tuto.forumotion.com/

Back to top Go down

Solved Re: Center Forum

Post by silvergirl59 January 17th 2010, 1:32 pm

But I need to change it to 80 for a fixed width.
avatar
silvergirl59
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Center Forum

Post by ze_chaofan January 17th 2010, 2:36 pm

silvergirl59 wrote:But I need to change it to 80 for a fixed width.
Are you sure you want to change page's width ? Or just Body line's width ?
Because that part of CSS is the width if for the page, you shouldn't change it.

If you are sure that you want to modify page's width, put this in your CSS :
body {margin-left: auto; margin-right: auto;}
ze_chaofan
ze_chaofan
Forumember

Male Posts : 34
Reputation : 0
Language : English and French

http://full-tuto.forumotion.com/

Back to top Go down

Solved Re: Center Forum

Post by silvergirl59 January 17th 2010, 2:48 pm

ze_chaofan wrote:
silvergirl59 wrote:But I need to change it to 80 for a fixed width.
Are you sure you want to change page's width ? Or just Body line's width ?
Because that part of CSS is the width if for the page, you shouldn't change it.

If you are sure that you want to modify page's width, put this in your CSS :
body {margin-left: auto; margin-right: auto;}

Thanks!! body {margin-left: auto; margin-right: auto;} worked, it's exactly how I want my forum to look like.

Thanks alot!
avatar
silvergirl59
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Center Forum

Post by MrMario January 17th 2010, 5:20 pm

Solved => Locked
MrMario
MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1839
Language : test

Back to top Go down

Back to top

- Similar topics

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