wizzofoz Posted June 28, 2012 Share Posted June 28, 2012 I need help with my CSS. The problem: When I resize the browser window in width, at some point the site is not being centered anymore, the lower part is moving to the left side of the browser windowSee attachment [28-6-2012 16-07-54.jpg] I tried several things with Firebug (see attachment [28-6-2012 16-15-23.jpg]) but since my CSS knowledge is so good, I cannot get it to work.From the marked div down to the rest of the page this problem occurs. Site url: www.rumahbapaku.nlCSS also atached style.css Link to comment Share on other sites More sharing options...
Ingolme Posted June 28, 2012 Share Posted June 28, 2012 Without any code (both HTML and CSS) or a live page to go by, it's going to be difficult to figure out the problem. Link to comment Share on other sites More sharing options...
wizzofoz Posted June 28, 2012 Author Share Posted June 28, 2012 Site's URL is in the post, CSS is attached.No HTML since it is a Wordpress template. Link to comment Share on other sites More sharing options...
Ingolme Posted June 28, 2012 Share Posted June 28, 2012 Wordpress templates are HTML. You can't display a website without HTML. Now, the problem is that the top of the site is 1056px wide, while the rest of the elements are 960px. Because of that, when the window is made smaller than 1056 the header can't move anymore while the rest of the page still has space to move. The solution? Don't let the page itself get smaller than 1056px: body { min-width: 1056px;} Link to comment Share on other sites More sharing options...
wizzofoz Posted June 28, 2012 Author Share Posted June 28, 2012 Ingolme, thanks!!!!You made me very happy with this short and yet so simple solution!!!I tested it and it works :-) Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.