Hi all, I've been working with .css on and off for a while but I'm stuck on one problem. On my site: www.rabidpursesquirrels.com the comic panel, which is the main center panel is making the page too wide. Thus it makes the middle panel jump down to the bottom of the page below the two side bars. I've used the temp fix: min-width: 1300px; under the 'body' section in the style sheet to get it to work at least temporarily using Fire Fox, but IE still shows it as lower down on the page. I know a simple fix would be to make the comic pic smaller, but I've tried that and it makes the comic look like crap. So my main question right now is, where or how do I take out the extra margin space between the side bars and the center? I figure then I could make the sides smaller and it all should/might fit. I also use this theme on another site and could use the same fix - removing the inside margin. Thanks in advance
Ok I've been messing with the side margins and at least got the left side to line up, but the right side is still a mystery. I think there must be some margin settings for the center but I can't find out where. Also I want to know if there's a way to keep the center from popping down to the bottom whenever someone resizes the browser window. thanks again
I'll try and help, but I'm not sure I fully understand your question... I see that by making the page smaller the center picture drops down. You can avoid that by changing the width in #container in your css file to a fixed amount from a % amount. So changing it to 1300px (or whatever) instead of 98% will just keep your design wider. When you make the page smaller you'll just have to scroll across to see everything. However, I'm pretty sure people are still (mostly) browsing at 1024x768 - I'd make your whole page (well, the container column) no wider than say 980, and just make the picture in the center smaller. It'd still look good a little smaller! Better that people see the whole thing than having to scroll to see the whole page Hope that helps a little!