• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 218
  • Last Modified:

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 chrome rendering firefox rendering firefox rendering firefox rendering index.php cobiland.css
0
seeker7806
Asked:
seeker7806
  • 4
  • 2
1 Solution
 
jonahzonaCommented:
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?
0
 
seeker7806Author Commented:
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
0
 
jonahzonaCommented:
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.
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
seeker7806Author Commented:
Hello:

I changed the height in the content area and content divs from 632px to 98% and that solved the problem
0
 
jonahzonaCommented:
Sweet! Have a good one!
0
 
jonahzonaCommented:
@Seeker7806

This question should be closed by awarding points or requesting a closed thread. Thanks!
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now