Problem with Firefox content div, works in ie

Discussion in 'CSS' started by FLaKes, Jun 23, 2006.

0
  1. #1
    I am having a problem with Firefox, I dont know if its a bug or not, but whenever the content exceeds the height of the main div (which is weird because the height is supposed to be 100%) the content jumps out of the div and continues down, under the page. It is weird because it works in ie. :confused:

    The problem can be viewed in the following link:

    http://www.tlahtoa.com.mx/indexnu.htm

    The css is in the following link:

    http://www.tlahtoa.com.mx/estilos57.css

    Thanks in advance for any help/advice, I appreciate it. :)

    -Paul
     
    FLaKes, Jun 23, 2006 IP
  2. iceberg

    iceberg Notable Member

    Messages:
    1,751
    Likes Received:
    318
    Best Answers:
    0
    Trophy Points:
    200
    #2
    "<div id="pie"><div id="piet"><p>Copyright Corporativo Tlahtoa 2006</p></div> <!-- The Footer !--> "

    You haven't closed the pie division...
     
    iceberg, Jun 23, 2006 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    Remove this rule 
    
body {
    height: 100%;
    }
    Code (markup):
    cheers,

    gary
     
    kk5st, Jun 23, 2006 IP
  4. KLB

    KLB Peon

    Messages:
    1,167
    Likes Received:
    68
    Best Answers:
    0
    Trophy Points:
    0
    #4
    As I'm sure other say on a regular bais here, testing in MSIE first can lead to all kinds of HTML coding errors that cause sites not to work correctly in other browsers. It is always a better bet to test in Firefox first and then do a final check in IE to make sure there are no serious issues. Also get the Firefox "Webdeveloper" extension. It has lots of really useful tools that can help solve coding problems (like HTML & CSS validation).
     
    KLB, Jun 23, 2006 IP
  5. bmelton

    bmelton Peon

    Messages:
    69
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #5
    As KLB said, it usually makes more sense to develop in Firefox and backport any bugfixes to IE than it does the other way around (unless you're an intranet developer and your company standard is IE or something).

    I also recommend using webdeveloper extension, as well as Firebug.
    (Can't livelink yet, but searches at mozilla.com ought to return them)
     
    bmelton, Jun 24, 2006 IP
  6. FLaKes

    FLaKes Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Wow, it was easy as that, I couldve sworn I had tried that. Thanks Gary, and all the people in this post. I already have that webdev extension on Firefox, its a great tool, I am going to go and try the Firebug, and that Idea of developing first on Firefox is also good, I was actually going that way, until I got to the part which involved height.

    Thanks.:)

    -Paul
     
    FLaKes, Jun 27, 2006 IP