Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    nfs
    nfs is offline
    New Coder
    Join Date
    Feb 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    float problem in IE and faux column in Firefox

    I'm doing the frame work of a web site and I encountered two problems.
    The web site is at http://geyabin.com/temp/index.htm

    First, there seems to be some problem with float in IE that the two columns
    on the right cannot be positioned at the same level as the first column.
    Second, the faux columns are not showing up in Firefox and I cannot figure
    out why, could someone please help me out? Thank you very much!

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,253
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Width, clearance

    Since I see three perfect columns in Mozilla, your first issue probably is caused by some IE-specific width problem, likely the double margin float bug; try to fiddle with margins and widths, and add some borders to see where everything ends up.

    The second issue most likely is caused by compliant browsers such as FF to collapse the "page-body" div to zero height since it seems to contain nothing but floated elements (IE doesn't do this, though it should). Try and add a temporary footer element after all the floats and give it "clear:both"; it needn't contain anything, although being able to actually see it may be practical in this stage. You'll probably end up seeing the footer sit nicely underneath the tallest column, and the background stretch from header to footer.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    nfs
    nfs is offline
    New Coder
    Join Date
    Feb 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you ronaldb66! I got them all worked.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •