SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Hybrid View

  1. #1
    SitePoint Zealot JonShannow's Avatar
    Join Date
    Jul 2008
    Posts
    102
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Firefox css problem - Please help

    Hello everyone,

    Please look here : dipyo.com/lp/example12

    For some weird reason there is a extra part of the middle.png at the top of the page in firefox but it looks fine in IE. I have been trying to figure it out and are stumped, it has never happened before.

    Any help would be greatly appreciated.

    Thanks

    Jon

  2. #2
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I haven't found it yet but positioning a div absolute and floating it at the same time doesn't make much sense sine ap removes it from the flow entirely. I'd bet that's where we'll find the problem. The fact that it works in IE means nothing since that browser can't do much of anything right.

  3. #3
    SitePoint Zealot JonShannow's Avatar
    Join Date
    Jul 2008
    Posts
    102
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the tips, I am still learning

    Cheers

    Jon

    Quote Originally Posted by drhowarddrfine View Post
    I haven't found it yet but positioning a div absolute and floating it at the same time doesn't make much sense sine ap removes it from the flow entirely. I'd bet that's where we'll find the problem. The fact that it works in IE means nothing since that browser can't do much of anything right.

  4. #4
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Clean this up first and then this.

  5. #5
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The default top margin that browsers apply to <p> tags (paragraphs) is pulling the top of #top down due to the normal action of margin collapse. Instead of the large top padding on the <p> (which isn't being used correctly), put the top padding on the #top div.

  6. #6
    SitePoint Zealot JonShannow's Avatar
    Join Date
    Jul 2008
    Posts
    102
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by drhowarddrfine View Post
    Clean this up first and then this.
    Thanks for taking the time to point me in the right direction, I want my code to be validated. It's frustrating that almost all the css that does not validate is from the company I use to manage my forms...

    Quote Originally Posted by Centauri View Post
    The default top margin that browsers apply to <p> tags (paragraphs) is pulling the top of #top down due to the normal action of margin collapse. Instead of the large top padding on the <p> (which isn't being used correctly), put the top padding on the #top div.
    Man, thanks heaps, it worked. I really value this information and hope it help me become a better coder. Cheers!


Bookmarks

Posting Permissions

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