in your style.css file, first you need to widen #rap, which is the container which holds all other containers. This will give you the room to widen #content, which is your middle container. Theoretically you should be able to add the same number of pixels to each container thus making the page wider – I didn’t look at your css or your site long enough to see if margins or padding or anything else like that will screw that up. try it out and see if it works. good luck.
OK I will play with it tomorrow.
You might like this extension for FireFox:
https://addons.mozilla.org/extensions/moreinfo.php?id=60
There’s an IE version too, but I don’t like it nearly as much. This extension lets you edit your CSS and see the changes immediately (live editing). It saves me hours!
That is indeed an awesome extension. π
Agrees with Viper007Bond…it is an awesome extension.. I have it now and use it almost all the time when trying to view my Blogs CSS files and what not. =) Big Big Helper! =)
Viewing your CSS as of now with it…
http://www.jaankanellis.com/wp-content/themes/identification-band-triplet-centered-boyish/style.css
spencerp
WOW and WOW, that is an awesome plugin. Thanks for the help.
So that widening worked alright, but then something funky happens to the look of the template:
http://www.jaankanellis.com/
Any ideas?
Also the columns widen in FireFox but they have not widened in IE. Any ideas why?
OK I see the guy who made this temlpate hates IE and in the header he put in a function:
<body onload="die_fucking_ie_die();">
and it shrunk the body smaller when the blog is loaded in IE. I removed it but, the blog still looks like garbage in IE and FireFox.
OK I fixed the images that were messing with the sizing. The blog looks perfect now in FireFox, but the middle column is messed up in IE.
Any ideas?
You may want to view some of the tutorials regarding columns in IE and FireFox (and all browsers, really) at http://www.positioniseverything.net. I used their instruction to make my 3 column website… it renders correctly in all browsers and makes itself just wide enough to fill your browser, even as you resize the window! π Check it out and see…
waraxe thanks for the link. Do you have any ideas on why the middle column is not lining up right in IE?
1. It can be simply caused by wrong math π
The width of the container div (is it wrap?) cannot be bigger than the width of all div inside + borders + margins
2. Or, having a km long link (like you have in one of your posts) in the content area
3. Having anything 1px wider in the content or sidebars than the room left/defined.
moshu I am a CSS beginner, I am just learning it. This was originally a WP theme, I have been tweaking it and learning as I go.
Where do I look to investigate #1 and #3?
Also if it was #1 or #3 why would IE have issues with it and not Firefox? Firefox would fix these “math” errors as it renders the blog?