Help. Please. I have traveled the entire internet for a solution and now I come to you. If you know nothing about stylesheets or .CSS - don’t even bother reading this. It will bore you to death, I promise.
WARNING: I do not use web lingo properly. Most of it is either made up or used wrong. I apologize but I don’t know any other way.
Okay - my page looks all fine and dandy in Internet Explorer because it sucks and doesn’t interpret code exactly how it is. Even though it is to my favor this time, in that it looks right, the code is still wrong and if you look at my page in Firefox you’ll see a break in the white background below the sidebar.
Here’s the catch: My main container that holds everything is centered on the page using the “auto” value of the “margin” variable in the stylesheet. BUT - the container holding the blog entries and the container holding the sidebar are both “floated” and evidently the main container can’t be centered using the “auto” value AND still maintain it’s background color IF all of the embedded containers are floated.
BUT - I don’t know any other way to do it. I’m dumb. Help me.
I want the main container you are looking at that holds everything to be centered on the page no matter what size monitor or window you’re using.
I want the background for everything outside that container to be green
I want the background for the container to be white.
I want it to ALL be white no matter which is longer, sidebar or blog entries. In firefox right now there is green showing under the sidebar meaning the white background of the main container is not showing up.
My style sheet is here if you want to see it.
I did NOT heed the “don’t read” warning and now feel like a total blog IDIOT because I did not understand ANY of that. I’m going to curl up under my desk and cry now.
Heh. I’m actually a geek and I don’t know this. Sadly I’m not very familiar with CSS, or I’d be happy to help you. I’ll play with it a bit, but I certainly don’t know the answer off the top of my head.
I too did not head the warning. I’ll be with Lizzie.
omg, Mike is bothering me, too HTML not being allowed in comments).
I find myself hoping someone can help with the .CSS problem…
All these comments and no help yet. I’m going to continue the trend, ok?
I just wanted to say sometimes I get emails or comments from folks saying my page doesn’t look right in IE. My response - “So?!”
But not having your page look right in Firefox is just…well…ya gotta fix that. I hope somebody really smart comes along.
See it is the stuff like this that drives me nuts when I am playing around with my website CSS. I have given up caring if it looks good in IE, I only test for Firefox now.
Wish I could help you out, being at work means I can’t, but even at home I don’t think I could. My only suggestion would be using “inherit” instead of floated, that is usually the error with my site.
*shrugs* Hope you figure it out.
Darn that Mike.
I don’t know if I could be much help… but I do know that when it comes to WordPress, it’s not only the css files but the php files as well. I haven’t looked over your css file and I don’t know how your “index” files work. It’d be something I’d have to get my hands into and play around with before I could give a good answer.
Of course, if I got too frustrated with it, if I were you, I’d probably just start with a new template. LOL! Good luck!
I like the centered look… Hmm, will the same coding do that in blogger?
Hi,
I’m a Web developer in Indiana and just encountered a problem like this. Before you close the main container div, add the following after the blog entry and sidebar divs:
Hope it works!
Mayme
Uh. good luck with that.
Hi Zoot!
I don’t completely understand the mechanics of it, but I know it can be fixed by adding a “clear: both” attribute. This article explains how do fix it with the default MT templates; I’m sure you can add the same thing to your template too.
http://www.movalog.com/archives/weblog-design/extending-the-sidebar
Sorry about the anonymity above; I jumped the gun. Also sorry about the long ugly link messing up your pretty template.
I love the way Mayme’s message cut off like the cliffhanger on a TV show.
Put {Overflow:hidden} on the main div - the one with the white background.
Then all your content will have the white background.
It’s because floated divs do not increase the size of the parent element. i.e. their height / width attributes mean nothing to the container they are in.