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 9 of 9
  1. #1
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts

    Gap in FF, not in IE

    Hey everyone,

    For some reason there is a gap in between the copyright and bottom row of images in FF, Safari, Chrome, but not in IE. I actually like what IE is doing and i want the gap to go away in FF and the rest. What is causing this gap and how can i get rid of it to make it look like what it does in IE??

    The link: http://experiencemediaonline.gorillaonemedia.com/work/

    Thanks!

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello eberdome,
    In your core.css, line #27, div#copyright has 25px top margin. How's it look when you get rid of that?

    Also, why a ul there? That copyright statement is hardly a list.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts
    Thanks for the reply, I appreciate it!

    I took out ul and li and also took out margin top, but now it looks great in FF, and overlaps bottom image in IE, why is this?

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    I think we've been through this before...lol Still having problems? In your previous post I suggested that you add the top margin because it was over lapping in IE. Not sure whats going on. If you make it look right(by adding the top margin) in IE, it has more space than needed in FF. If you remove the top margin to make it look correct in FF, it overlaps in IE.
    Teed

  • #5
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts
    yup, that's pretty much it, i want the columns and rows of images to align directly in the middle of the white background! I cant seem to figure out how though!

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Add an extra class to the last <ul> -column, say <ul class="column last">, and then add the following into your CSS.
    Code:
    ul.column.last li{
    margin-bottom:10px; 
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #7
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts
    abduraooft,

    For some reason that is not doing the trick in IE, I even tried adding a margin-top to my copyright, still no dice!

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I actually like what IE is doing and i want the gap to go away in FF and the rest.
    For some reason that is not doing the trick in IE, I even tried adding a margin-top to my copyright, still no dice!
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    eberdome (02-17-2011)

  • #9
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts
    Actually i fixed the problem, probably not the best route, but apparently early versions of IE do not like height:auto; . So with that said i just created a fixed height of my rows of images and that pushed it back down in IE. Works for now, and is cross browser compatible. Thanks for your time!


  •  

    Tags for this Thread

    Posting Permissions

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