CSS; Height wil niet automatisch

#container  {overflow:hidden; width: 100%; background:#fff; height:980px; position:relative; border:1px solid #fff; margin-left:auto; margin-right:auto; float:none;}

Nu krijg ik dit probleem.

screen:

http://img16.imageshack.us/img16/8577/css2f.jpg

En het probleem is?

nu laat hij mijn submit knop enzo niet meer zien die eronder zitten... dat stuk zit nu onder de footer

Waarschijnlijk is je footer absoluut gepositioneerd binnen je container die relatief gepositioneerd is. De vraag is dus: waarom gebruik je absolute positioning?

geen flauw idee want css is niet mijn ding.

zoals ik eerder al aangaf ik heb deze layout gekocht.

hele css:

body { font:11px verdana,arial,helvetica,sans-serif; background:#353535 repeat; margin-top:10px; margin-bottom:0 }
body,#header,#header_balk,#footer { text-align:center }
img { border: 0px;}	

#container  {overflow:hidden; width: 100%; background:#fff; height:980px; position:relative; border:1px solid #fff; margin-left:auto; margin-right:auto; float:none;} 
//#container  { background:#fff; height:980px; position:relative; border:1px solid #fff; margin-left:auto; margin-right:auto; float:none }
#container,#header,#header_balk,#footer { width:840px }
#container,#menu_vlak,#inhoud_vlak,#menu_vlak li.kop,#menu_vlak li { text-align:left }
	
#header { background:url(../images/layout/header.gif); height:87px; top:0 }
#header,#header_balk,#menu_vlak,#inhoud_vlak,#inhoud_balk,#footer { position:absolute }
#header,#header_balk,#menu_vlak,#footer { left:0 }
#header_balk { background:url(../images/layout/header_balk.gif); height:37px; top:88px }
	
#inhoud_vlak { background:#e8e8e8; width:598px; top:128px; right:3px; border:1px solid #bebebe }
#inhoud_vlak,#inhoud_balk,#inhoud_tekst { float:left }
#inhoud_balk { background:url(../images/layout/inhoud_balk.gif) no-repeat; width:596px; height:62px; top:1px; left:1px; padding:15px 0 0 10px }
#inhoud_tekst  { width:591px; padding-top:80px; padding-left:5px }
	
#footer { background:url(../images/layout/footer.gif); height:52px; bottom:0 }
#menu_vlak { background:url(../images/layout/menu_bg.gif); width:234px; height:853px; top:126px }
#menu_vlak ul { margin:0; padding:0 }
#menu_vlak li.kop { background:url(../images/layout/menu_kop.gif) no-repeat; height:31px; padding:6px 0 0 10px }
#menu_vlak li.kop,#menu_vlak li { list-style:none }
#menu_vlak li { padding:0 0 4px 10px; line-height:18px }	
#inhoud_balk h3 { font-size:18px }
#inhoud_balk h3,.witN,.witSG,a.wit:visited,a.wit:active,a.wit:link,a.wit:hover { color:#fff }
	
.witN { font:12px trebuchet ms }
.witSG { font:18px trebuchet ms }
.DBlauwG { font:13px trebuchet ms; color:#00335f }
	
a.wit:visited,a.wit:active,a.wit:link,a.wit:hover { font-style:normal }
a.wit:visited,a.wit:active,a.wit:link { text-decoration:none } 
a.wit:hover { text-decoration:none }
a:visited,a:active,a:link  { color: #000000; text-decoration:none; }
a:hover { }
a:visited,a:active,a:link,a:hover { font-style:normal }
	
form fieldset {	border: 0; }
form fieldset p br { clear: left; }
input:hover, textarea:hover, select:hover  { border: 1px solid #222; background-color: #EEE; }
input, textarea, select { font-family: Trebuchet MS; border: 1px solid #CCC; margin-bottom: 5px; background-color: #FFF; padding: 1px; }
		
.messageclient { font:95% verdana,arial,helvetica,sans-serif; width:213px; padding:10px; color:#000; }
.messageclientok { font:95% verdana,arial,helvetica,sans-serif; width:213px; border:1px solid #349534; background:#C9FFCA; padding:10px; color:#008000;	 }
.messageclienterror { font:95% verdana,arial,helvetica,sans-serif; width:213px; border:1px solid #CC0000; background:#F7CBCA; padding:10px; color:#CC0000; }
	
.messageticket { font:95% verdana,arial,helvetica,sans-serif; width:213px; padding:5px; color:#000; }
.messageticketok { font:95% verdana,arial,helvetica,sans-serif; width:213px; border:1px solid #349534; background:#C9FFCA; padding:5px; color:#008000;	 }
.messageticketerror { font:95% verdana,arial,helvetica,sans-serif; width:213px; border:1px solid #CC0000; background:#F7CBCA; padding:5px; color:#CC0000; }
	
.ticketTitle { background: #5589C0; color: black; font: 95% verdana,arial,helvetica,sans-serif; font-weight: bold; letter-spacing: 1px; padding: 1px; margin-left:3px; }
.ticketText { color: black; font: 95% verdana,arial,helvetica,sans-serif; padding: 1px; }
.ticketView { background: #5589C0; color: black; font: 95% verdana,arial,helvetica,sans-serif; padding: 1px; }
.ticketViewuser { color: black; font: 95% verdana,arial,helvetica,sans-serif; padding: 1px; }
.ticketMidview { background: #DEDDDE; color: black; font: 95% verdana,arial,helvetica,sans-serif; padding: 1px; }
.hr { color: #BEBEBE; }

.invoiceTitle { background: #5589C0; color: black; font: 95% verdana,arial,helvetica,sans-serif; font-weight: bold; letter-spacing: 2px; padding: 3px; }
.invoiceText { color: black; font: 95% verdana,arial,helvetica,sans-serif; padding: 2px; }
	
.tool-tip { color: #fff; width: 400px; z-index: 13000; }
.tool-title { text-align:left; font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; background: url(../images/ajax/bubble.png) top left; padding:10px 10px 10px; }
.tool-text { text-align:left; font-size: 11px; background: url(../images/ajax/bubble.png) bottom right; padding:10px 10px 10px; }

kun je hier wat mee?

EFKES OFftopic:

Ziet er een mooie website uit,
mooit script ook :o

Ja, je positioneert je footer absolute binnen je container. Hij zal dus altijd op afstand 0 van de onderkant van je container div verschijnen.

Een oplossing is om de position: absolute te verwijderen voor je footer en om de footer div na je container div in de code te zetten.

@Matthias:

Dankje voor je reactie.

We zijn momenteel bezig om Q-Panel te bouwen. Danny broers en ik.
We willen dat dit een systeem word die hosting bedrijven kunnen gebruiken als klanten paneel. Alles werkt bij ons met java en PHP.

Als dit systeem af is zijn we van plan om het zelf te gaan gebruiken voor Q-Host (Een hosting bedrijfje dat Danny op wil gaan richten) en we willen er licenties voor gaan verkopen.

Mocht je even in het systeem willen kijken hoe het momenteel is dan kun je me even een prive berichtje sturen en geef ik je een login en wachtwoord.

@Jan Koehoorn:

Bedankt voor je reactie.. zelf moet ik nu weg maar ik zal er morgen even naar kijken. Mocht het me dan niet lukken laat ik mijn partner er even naar kijken want die is wat handiger in CSS. Lukt dat niet dan kom ik er even op terug in dit topic.

Het lukt me nog steeds niet.

Mijn excuses maar mijn CSS is echt werkelijk waar niet zo goed.

Ik hoop dat iemand mij in simpele taal kan vertellen hoe ik dit op kan losen.

Bij voorbaard dank.