Categories Dropped to the Bottom of Site

[Robertp]

I just recently took over this directory, no idea if it is v2 or v3.

Please take a look at my directory realitist dot com the categories blink into place and then drop to the bottom of the page. I've searched the design forum and only found vague refrences to check your css, or I might have too many ads, I believe ad sense is set to show up to 4 ads and only two appear, but it was working fine. The only new actions I can think of was adding featured links, expanding on meta information including key words which the admin doesn't include. Appreciate any detailed assistance as I'm kinda lost in php.

[James]

looks ok to me in chrome and it is 2.2

[Robertp]

Still not good for me. I'm looking at the site with MSN IE6 800x600 res. The top and left side are good, but there is a huge empty gray space where my categories used to be right center, then at the bottom of the page after the left side ends what is supposed to be center right is bottomed out. If this were html the problem would be side by side tables too large in total for the resolution one pushing the other down the screen. My page is larger then 800x600 and scrolls left and right as well as up and down. I tried looking at it in 1024x768, no good. Sister site kalajack dot com (different owner same seller) is working fine. Appreciate further assistance. Thanks.

[bruleo]

It will be due to a div (or other container) width that is set to wide for it's parent container. Or the width set, but margins being added to the width. IE6 renders widths, margins and paddings sligthly differently than IE7 with how it calculates the total width. It's definitely your CSS/HTML structure somerwhere, but again...in IE7 and XP (at the moment) it looks fine.

I have the same issue with a couple of my sites for users using XP and IE6 and since the ratio of users using that combinations is very low, I didn't bother changing it.

I suggest you upgrade your browser anyway due to the security holes that exist in IE6!

Bruce.

[Robertp]

As a work around I went into main.css and changed

#rightbody {
width:632px;
float:right;
margin-right:3px;
}

#rightbody .content {
width:632px;
background-image:url(./images/body-top-bg.gif);
background-repeat:no-repeat;
}
#rightbody .contentfooter {
width:610px;
padding: 10px 12px 20px 10px;
background-image:url(./images/body-bottom-bg.gif);
background-repeat:no-repeat;
background-position:bottom left;
text-align:left;

To . . .

#rightbody {
width:532px;
float:right;
margin-right:3px;
}

#rightbody .content {
width:532px;
background-image:url(./images/body-top-bg.gif);
background-repeat:no-repeat;
}
#rightbody .contentfooter {
width:510px;
padding: 10px 12px 20px 10px;
background-image:url(./images/body-bottom-bg.gif);
background-repeat:no-repeat;
background-position:bottom left;
text-align:left;

Saved and reload . . .

And the categories popped right back up to where they belong.
The right edge is a little rough and trying to reduce the top to
fit causes a jumble. Had to switch from 3 columns to 2 for
appearances. I noticed Latest Featured Links went from 5
columns to 4, I believe this to have been the actual cause, but
the trick doesn't work if I don't reduce all three together.

Hope this helps someone else. Robert

[James]

I would rethink the size changed based on your screen resolution

http://www.w3schools.com/browsers/default.asp

http://www.w3schools.com/browsers/browsers_display.asp


you are in the 8% range which means while it looks ok to you it looks compressed and very small to me with a lot of lost real estate