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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    tekst disappears behind footer

    Hello,

    I'm building a new website.

    In this website the footer has to be below of the screen accept when there is enough text, then it should be just below the screen.

    I got this part working.

    But when somebody has a smallscreen or uses a low resolution. The text disappears behind the footer and there is no scrollbar vissible.
    Well accept in Internet Explorer, there it works fine, but not in Firefix or Google.

    this is the url:
    http://www.jcsl.nl/banner/index.php?...&pagina=geluid

    Sorry for the popup, but this is to warn visiters that this webiste in under construction and that they should use another page.

    This is the relevant css:
    Code:
    #container {
    	min-height: 100%;
    	position: relative;
    	font: normal small Trebuchet MS, Arial, Helvetica, sans-serif;
    	margin: 0 0 -220px 0;
    }
    
    #main {
    	margin: 0px auto;
    	text-decoration: none;
    	width: 1000px;
    	margin: 0 auto 220px auto;
    }
    
    #footer {
    	width: 100%;
    	margin: 0px;
    	height: 220px;
    	position: absolute;	
    	bottom: 0; /* heel belangrijk */ 
    	background: #FFFFFF; 
    	
    }
    I hope someone can help me with this, and sory for my bad English.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello jscoolen,
    It seems to be working fine on my end. I looked at it with FF17 and IE9 with no issues.
    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
    New Coder
    Join Date
    Nov 2012
    Posts
    13
    Thanks
    3
    Thanked 0 Times in 0 Posts
    So the text is behind the footer? You could try setting a 'z-index' for the text to appear over top of the footer. I'm sorry if this doesn't answer your question, I'm having a hard time understanding.

    Edit: By the way, I am on my iPhone right now and I can see the text just fine.
    Last edited by Xellic; 11-22-2012 at 05:15 AM.


  •  

    Posting Permissions

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