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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Jun 2007
    Posts
    310
    Thanks
    86
    Thanked 3 Times in 3 Posts

    Help with a div element

    Hi Guys,

    I'm trying to build my CSS website and i'm stuck on one bit. on this page if you view it in IE:

    http://www.sloughtownfc.net/new_design/example.php

    Under those three boxes there is another box below, but in FF the box disappears behind the three boxes. Why is this?

    Thanks

    Chris

  • #2
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    6
    Thanks
    0
    Thanked 1 Time in 1 Post
    try to change this css rule
    Code:
    .media_watch {
    margin-top:20px;
    width:584px;
    border:1px #CCCCCC solid;
    }
    Into
    Code:
    .media_watch {
    clear:both;
    margin-top:20px;
    width:584px;
    border:1px #CCCCCC solid;
    }
    and let me know if it fixes the error.
    xHTML Coding | Cheap Web Hosting | SEO Blog
    Life rocks and we roll.

  • Users who have thanked Trapped for this post:

    stfc_boy (10-19-2007)

  • #3
    Regular Coder
    Join Date
    Jun 2007
    Posts
    310
    Thanks
    86
    Thanked 3 Times in 3 Posts
    Thanks, that nearly worked. It's moved the box down, but in FF seems to have ignored the margin-top rule.

    Also what does clear do. Can someone explain it to me in English in my example. I've googled it but it makes no sense to me??

  • #4
    Regular Coder
    Join Date
    May 2006
    Posts
    290
    Thanks
    6
    Thanked 14 Times in 14 Posts
    This site should explain the "clear" property. http://www.positioniseverything.net/easyclearing.html

    Pay close attention to the first diagram.

    -trigger


  •  

    Posting Permissions

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