Thread

I have been searching through the forums for a couple hours and have tried somethings and I still can’t find the solution.
My site shows fine in IE7 but not in Firefox.
http://pickleweed.com

I just can’t for the life of me figure it out.
Can someone help please. Thanks

In your CSS the content div has a “float: right” parameter:

float: right;

I could be wrong but that may be causing the trouble.

If so, it’s probably a holdover from when the layout was designed for two columns with no right sidebar. Try changing or removing that parameter and see if it helps.

If it makes things worse, just put it back.

Edit: I tried playing around with my suggestion above on a downloaded copy of the page and CSS and I was wrong. As little as I know about CSS I should know better than to try to be a wizard. :red:

I think it’s the width of your #content div.  Because your sidebars (or at least one of them) are absolutely positioned, it takes them out of the flow of the document.  Thus, the width of the middle section is not the viewport minus the width of the sidebars as you intend.

This shows a way to go about what it.

I don’t want to start throwing a bunch of code on here and I couldn’t find the area where we can ask to have someone log into site and look at it.

Are you talking about the support forums?  They only log into your site as a last resort and more importantly only for EE-related problems.  EllisLab doesn’t support CSS issues that you might have with your site.

Tried this first, didn’t help, it brought the center up and pushed the left sidebar to the bottom. Thanks

In your CSS the content div has a “float: right” parameter:

float: right;

Thanks, I played around with the floats and widths and It just pushes another one down and depending on what I change. When I try to give the center column a fixed width then it doesn’t resize when the page size in the browser is changed.
Then in IE it has a large gap.
When I change the right margin to scoot the center over to the left it still stays at the bottom of the page even with a width of 80%.

I think it’s the width of your #content div.  Because your sidebars (or at least one of them) are absolutely positioned, it takes them out of the flow of the document.  Thus, the width of the middle section is not the viewport minus the width of the sidebars as you intend.

I suggest you start from scratch using one of these from the Layoutgala, I think no.14 is very close that what you’re trying to achieve. Combining absolutely positioned sidebars and a floated center isn’t going to cut it,I’m afraid.

Thanks, that probably is my best choice, since I need to get it validated and EE updated as well. Appreciate the link, may change layout all together.

I suggest you start from scratch using one of these from the Layoutgala, I think no.14 is very close that what you’re trying to achieve. Combining absolutely positioned sidebars and a floated center isn’t going to cut it,I’m afraid.

I suggest you start from scratch using one of these from the Layoutgala

Those are great. There’s also a bunch of CSS layouts available from Code Sucks (it doesn’t).

It could be a matter of your DIVs not being in the right order within your HTML. Try this:

content
left sidebar
right sidebar

I also notice that content and rightbox have a different parent than leftbar, which might cause some problems. You should have all three DIVs in the same parent DIV, like this:

<div id="main">
   <div id="content">...</div>
   <div id="leftbar">...</div>
   <div id="rightbox">...</div>
</div>

Layout Gala, which I didn’t know about until just now, already has some of these layouts. Give one of those a shot and let us know if you still have trouble.

Don’t know if these are of interest, bookmarked them some time ago in case I might need them.

http://www.pagecolumn.com/

http://matthewjamestaylor.com/

Thanks everyone. I did decide to just redo the whole thing and simplify the site a bit until I can learn EE a bit more. Joan