I’m trying to wrap up my first EE project…...

http://www.firenews.net/index.php

I had some IE6 issues that I solved using

so if you have some positioning issues with IE6, you might try that fix.

Anyway, I’m seeing two issues now, one in FireFox, the other IE6.

FF issue:

Some of the pages at the top and bottom of the white space of the page kick in just a little space, which renders in the background gray color. Is this perhaps a carriage return or similar issue? It’s not appearing on all the pages. This does not happen in IE7.

IE6 issue:

It’s a centered layout, but the only thing centering is the footer. The main body of the page is kicking off to the left for some reason.

Thanks in advance,

Jeff

Can you post the page so we can see it, as it’s a little difficult to diagnose otherwise.

And display:inline just changes the way an element is rendered to screen, it’s not so much a fix as a “might work in your situation” thing.

http://www.firenews.net/index.php

(Did you want the CSS?)

Nope, link is fine. OK, first your FF issue - you have a margin-top of 15px on div#spot_one. That’s causing the gap, if you change it to padding it should resolve it. The gap at the bottom comes from p.pages, and adding margin-bottom:0 sorts that one out.

I also had a p tag that wasn’t closed, so now all the FF gaps are gone!

Still having this issue in IE6:

IE6 issue:

It’s a centered layout, but the only thing centering is the footer. The main body of the page is kicking off to the left for some reason.

(All FF issues fixed, thanks!)

I don’t have ie6 handy at the mo - one point though, depending on which method you’re using for centering. If you’re using margin:0 auto, I believe making that element display:inline will stop it from centering. So your previous ‘fix’ might be causing it.

I can have a look later if you get no luck.

I am using “margin-left: auto;” and “margin-right: auto;”......

The “display:inline;” is only being used in relation to photo positioning.

Here was the fix that worked:

#wrapper {
      width: 760px;
  position: relative;
      left: 50%;
  margin-left: -380px;
}

Glad you found a fix, I vaguely remember that a second way to fix the same IE6 problem goes like this:

For some obscure reason IE6 will actually center the wrapper if the containing element is set to text-align:center; even though it is centering an element. All other browsers will still set the text align, but you are setting it right back in the wrapper.
So in a sense its a hack, but you don’t need to hide it.