Hey,

I was wondering if someone out there had an idea why a certain page in my drupal site is leaving a space at the bottom of the page in firefox 3.0. Can't seem to get rid of it. Also, for extra credit, the same page is expanding width wise quite a bit both IE and Firefox. Doesn't seem to happen on other pages of the site. Appreciate the help, link below:

http://blachere.criticalbandwidth.com/?q=catalog/1

Thanks,
Andreas

Comments

Hueij’s picture

In Firefox 3.5 there seems to be nothing wrong with the height of the page. I dont have FF 3.0 so can't help you there.

The width is the same on every page, but at a total of 1320px a lot of people will have to scroll horizontally. I suggest you go for a width of about 960px max if you want a fixed width site.

I also suggest to get rid of the absolute positioning for the main lay-out elements. You are in for all kind of troubles if you use absolute positioning for lay-out purposes. Use relative or no positioning and float-left (like you do now) for the main elements. And instead left:340px use margin-left:340px for div#main.

Sorry I can't help you with your FF3.0 or IE (don't have it and probably never will :)) problems.

drupalities’s picture

Hueij,

Thanks for the advice about absolute positioning. I will attempt to implement it without but its tricky lining things up properly with only CSS and having the left menu bar retain a height of 100% on all pages. Did you happen to check if the space existed on pages that scroll veritically? That is where the problem is appearing, otherwise is renders fine.