网站未居中

Question

i am sorry for this question but i did everything right and i dont know whats wrong currently my css is

body{
 margin:0 auto;
 padding:0;
width:986px;
 border:0;
 font-size:100%;
 font:inherit;
 vertical-align:middle;
 }

this is supposed to center the page and yea it worked in alot of website but in this website something is wrong on my monitor its centered but on other people's montiors its not.. my resoultion is 1440x900

and here is the website link so you check out the whole css http://musikschule-landau.de/

I am not using bootstrap this is just for font-awesome for social media links I hope someone can help me please, Regards

Answer 1

i think that bootstrap is overwriting your styles. Try to load style.css after bootstrap. Then you should remove inline style style="margin-left:200px;" from elements where yoy have added it manualy, then I think it should work.

Answer 2

Remove margin: 0 auto from body styles. Then remove all margin-left: 200px (dor example in #cssmenu ).

Here we go!