Results 1 to 5 of 5
  1. #1

    CSS cross browser formatting problems

    I am in the process of developing a site using CSS pretty intensively. Well, it's intensive CSS for me anyway. The problem is that the page layout looks good in IE, but Mozilla, Firefox and Opera don't look right.

    Could you please take a look at it and tell me what I am doing wrong? The content that is causing the problems were created using the Frontpage 2003 layers feature.

    Here is the url: http://www.guardianmail.us/new/temp.htm
    http://www.guardianmail.us/new/2c-hd...esentation.css
    http://www.guardianmail.us/new/2c-hd...xed-layout.css

    Thanks sooo much!

  2. #2
    Join Date
    Feb 2003
    Location
    Connecticut
    Posts
    5,441
    Hi Guardian.

    There is an easy fix for this. In the very bottom of the containing <div>, put <div style="clear:both;"></div>. This _should_ fix your problems in Mozilla/FireFox and Opera.


  3. #3
    Thanks! That did it. It took some digging to find the closing <div> tag for the cont. but after a few tries I found it.

    Can you explain to me why that worked? I am really trying to understand CSS and I am learning as I go.

    Thanks again.

  4. #4
    Join Date
    Feb 2003
    Location
    Connecticut
    Posts
    5,441
    It just creates an invisible bar under the content, so the containing div is forced to extend that far.

    Why it doesn't in the first place is more work than it's worth to learn--it just has to do with inconsistencies in the way CSS2 works.

  5. #5
    Works for me! Thanks again DanX

Posting Permissions

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