dcsimg
www.webdeveloper.com
Results 1 to 11 of 11

Thread: Cross Browser Issues

Hybrid View

  1. #1
    Join Date
    Oct 2007
    Location
    The Bronx
    Posts
    34

    Cross Browser Issues

    This website looks decent in IE, but not in Firefox. Here are my issues in firefox:

    1.Top Heading comes to close to the edge of the red background. Doesn't happen in the Classes page

    2. There is a black gap between the body and footer.

    3. The Navigation links at the bottom of the page do not line up with the copyright info.

    4. I have created columns floated left for the video page, but the red background doesn't extend to fill the page and the Home link is orphaned off to the right.

    I've spent hours trying to figure it out. Your help is appreciated.

    Thanks in advance.

  2. #2
    Join Date
    Oct 2007
    Location
    The Bronx
    Posts
    34
    Oops, btw the site is www.descargalatina.net

  3. #3
    Join Date
    Oct 2007
    Location
    The Bronx
    Posts
    34
    Ok, I figured out item 4.

  4. #4
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    2. Use padding-top on the h2 instead of margin-top.
    3. Remove text-align from #footer and relative from #footer p and #footer ul and change the margin to 10px auto 3px in the #footer ul. That'll center the footer nav/co but I haven't figured out the black bar.

  5. #5
    Join Date
    Oct 2007
    Location
    The Bronx
    Posts
    34
    Thanks ray326. Adding padding-top worked nicely.

    For your item 3, i did not want to center the nav link or copyright info @ the bottom of the page. I am interested in a left alignment with the h2 and the rest of the text on the page.

    I'm still baffled by the gap.

  6. #6
    Join Date
    Oct 2007
    Location
    The Bronx
    Posts
    34
    Thanks ray326. Adding padding-top worked nicely.

    For your item 3, i did not want to center the nav link or copyright info @ the bottom of the page. I am interested in a left alignment with the h2 and the rest of the text on the page.

    I'm still baffled by the gap.

  7. #7
    Join Date
    May 2005
    Posts
    2,040
    You are using IE as your reference which is why you are having so many issues. For the gap, add 'overflow:auto' to mainCol to make FF work like IEs bug.

    IE is 10 years behind web standards. Never use it for a reference for how things should work.

  8. #8
    Join Date
    Oct 2007
    Location
    The Bronx
    Posts
    34
    Hi. Thanks for the input. Was that supposed to remove the gap? I tried it but the gap is still there in FF.

  9. #9
    Join Date
    May 2005
    Posts
    2,040
    Sorry, add it to #footer, not mainCol.

  10. #10
    Join Date
    Oct 2007
    Location
    The Bronx
    Posts
    34
    made the change but the gap persist.

  11. #11
    Join Date
    May 2005
    Posts
    2,040
    Hmm. I'm just doing this on the fly and don't remember what I did before, perhaps just confusing myself. I add 'overflow:auto' to #mainCol and the gap disappears as it should. (Actually, adding it to #footer doesn't make sense.)

    Make sure you are clearing your cache before you test to make sure you are looking at an updated page.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles