timjpriebe — Fri, 13 May 2005 00:32:47 +0000

Finally figured out the spacing issue on the picture when I encountered it working on another site. It's a workaround, really, to solve the quirk in Firefox.

I simply put the following in the block that contained the picture:

padding-top: 1px;

Then the following in the CSS img attribute for that block:

margin-top: -1px;

Hopefully that will help someone else encountering a similar problem.

teammatt3 — Sun, 08 May 2005 21:53:27 +0000

I can't help you, but I think it looks fine in both browsers.

timjpriebe — Sat, 07 May 2005 15:35:48 +0000

Anyone?

timjpriebe — Thu, 05 May 2005 04:48:02 +0000

Unfortunately, that didn't even come close to working. The page looked completely screwed up, because I have everything relatively positioned so the page can always be centered.

However, I was able to fix the menu by adding: float: left;

Any more ideas to align the content section up correctly, so the top is up against the header?

Assassin — Thu, 05 May 2005 03:01:32 +0000

Replace:
#menu
{
width: 150px;
text-align: center;
position: absolute;
}
with:
#menu
{
width: 150px;
text-align: center;
position: absolute;
left: 15px;
}
set the number of pixels to taste.

and replace
#pageHeader
{
background: url('images/headerbig.png') no-repeat top;
width: 775px;
height: 124px;
float: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
with:
#pageHeader
{
background: url('images/headerbig.png') no-repeat top;
width: 775px;
height: 124px;
float: none;
margin-bottom: 0px;
padding-bottom: 0px;
position: absolute;
top: 0px;
}
Again, set the number of pixels to taste.