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 5 of 5
  1. #1
    Regular Coder
    Join Date
    Mar 2006
    Location
    Sumter, SC
    Posts
    178
    Thanks
    10
    Thanked 4 Times in 4 Posts

    Firefox not displaying properly

    Im working on a site for a local race track, and it displays fine in ie and opera, but not in firefox. The background image doesnt flow to the bottom as it should. I'm not sure where I'm going wrong. Any help is appreciated.

    Site: Florence Motor Speedway

    CSS File: CSS Here

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,744
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello DakotaChick,
    Did you fix it? It looks the same in IE7 and FF... What's the background image that's not showing?

    This one is working:
    background-image:url(images/BG_Repeat.png);
    background-repeat:repeat-y;
    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
    Mar 2006
    Location
    Sumter, SC
    Posts
    178
    Thanks
    10
    Thanked 4 Times in 4 Posts
    I havent changed a thing....for some reason it doesnt fill to the bottom in firefox for me =(

    oh and yeah thats the image that im refering too....

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Its because you set both min-height AND height in the same CSS. Try this instead
    Code:
    html, body {
    	margin:0;
    	padding:0;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-size:.95em;
    	background-color:#CC0000;
    	height:100%;
    }
    
    #Wrap {
    	width:860px;
    	background-image:url(images/BG_Repeat.png);
    	background-repeat:repeat-y;
    	margin:0 auto;
    	min-height:100%;
    }
    * html #Wrap {
    height:100%;
    }
    I removed the heights, left the min-heights, and added a hack for IE6.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    Regular Coder
    Join Date
    Mar 2006
    Location
    Sumter, SC
    Posts
    178
    Thanks
    10
    Thanked 4 Times in 4 Posts
    That did it. Thanks!


  •  

    Posting Permissions

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