SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast cubixstudios's Avatar
    Join Date
    Mar 2007
    Posts
    84
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    content rises to top in firefox

    Hi guys, ive been looking at my code for a few hours now and i can't sem to find out why the site works fine in IE but in firefox the 'content' seems to rise to the top.

    Thought i'd get a fresh pair of eyes on the case, maybe you guys will stop it instantly? It could be that i have a div tag in the incorrect place but im just stumped?

    the site is www.cwortman.com

    its still in working progress. thanks
    Cubix Studios web design-

  2. #2
    SitePoint Enthusiast cubixstudios's Avatar
    Join Date
    Mar 2007
    Posts
    84
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    let me know via a pm if u need the CSS code
    Last edited by cubixstudios; Jun 19, 2007 at 07:59. Reason: dont want to keep the full code online
    Cubix Studios web design-

  3. #3
    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)
    First, the company name is getting mixed up between the header and content due to an uncleared float in the header :
    Code:
    #header-container {
    	width:810px;
    	margin:0 auto;
    	padding:0px 0 0 0;
    	overflow: hidden;
    }
    Your css sets the top margin of content image to 10px, which is what FF is displaying - IE is getting it wrong. Also in IE6 there are excessive divisions in your left menu. Try zeroing browser default margins and paddings at the start of your css to provide an even starting point - you may have to add appropriate margins / paddings to some elements to get your layout
    Code:
    * {
    	margin: 0;
    	padding: 0;
    }

  4. #4
    SitePoint Enthusiast cubixstudios's Avatar
    Join Date
    Mar 2007
    Posts
    84
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    so if i add the (overflow: hidden to the header container it should resolve the error, i did notice the spacing between the left hand menu which im working on, but i could seem to fix the overlapping problem. Hopefully this will fix the issue. Thanks for you help if this is all thats needed
    Cubix Studios web design-

  5. #5
    SitePoint Enthusiast cubixstudios's Avatar
    Join Date
    Mar 2007
    Posts
    84
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just wanted to thank you for your help on this, i sat for ages trying to fix it and one line of code sorted the problem out, thanks again
    Cubix Studios web design-


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
  •