Question

I’m developing http://pizzli.com/darrenwp as a WordPress Theme. For some reason, I cannot get the center container to have equal left and right margins around it and for some reason the page thinks it sees white space and allows me to scroll right. If anyone could provide advice, it would be much appreciated. Also in Internet Explorer the Featured News Area seems to move down and I can’t find any reason why.

Thank you,
Alex

Answer 1

try to add below css rule to make the content center layout.

1. line 39 style.css

   #nav {
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 10px;
   width: 1260px;}

2. line 33 style.css

   #header {
   background: url(“images/warriors.png”) no-repeat scroll left top transparent;
   height: 201px;
   margin: 0 auto;
   width: 1280px;
   }

3. line 26 style.css

   #container {
   background: url(“images/topbg.jpg”) no-repeat scroll 0 0 transparent;
   height: 1445px;
   margin-left: auto;
   margin-right: auto;
   width: 1112px;
   }

Note: you have to slice you header image according to the width of content, because image have more space in left side of logo.

Use the css img{border:none;} to remove blue border from images.