asked on

rending problems in webkit

Firefox and IE render the footer div in the place where it is theoretically supposed to be, but chrome and safari have the footer at the middle of the page.

I am attaching two images of the problem, and the php code and the css. We are using joomla, but I am working some of the html and css by hand.

Thanks in advance for your help

Regards,
seeker7806

index.php cobiland.css

jonahzona

The PHP file you attached shows that line is in a DIV that isn't inside the footer. It is below it.

Could that be part of the problem? Don't you want it inside the footer?

seeker7806

ASKER

Hi:

Thanks for responding.

There are two divs. The footer div which is the first footer, and the footer2 which is below that. Both 'footer' divs are below the main content div.

Regards,
seeker7805

jonahzona

K.

Try floating that last div. It has no float attached to it. I would change it to something like this:

HTML

<div id="footer2">&copy; Centocor Ortho Biotech Inc. 2011. All rights reserved.  This site is published by Centocor Ortho Biotech Inc. which is solely responsible for its contents.  This information is intended for the use of our healthcare professional speakers in the United States of America only.  This page was last modified on: April 7, 2011 10:35am PST
</div>

Open in new window

CSS

#footer2 {
  width: 100%;
  height: 20px;
  float: left;
  font-size: 1;
  font-family: Helvetica, Arial, sans-serif;
}

Open in new window

Something like that. Currently the CSS is inline, with no floats. This way the div has an id and should align correctly.

Let me know if you have any questions or if this doesn't work.

seeker7806

ASKER

Hello:

I changed the height in the content area and content divs from 632px to 98% and that solved the problem

jonahzona

Sweet! Have a good one!

ASKER CERTIFIED SOLUTION

jonahzona

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial