Forum Mjukvara Programmering och digitalt skapande Tråd

Div alltid täcka hela skärmen, men öka vid längre innehåll

1
Skriv svar
Permalänk
Medlem
●

Div alltid täcka hela skärmen, men öka vid längre innehåll

Hej,
Jag har gjort en hemsida till mig själv eftersom jag vill komma åt mina labbrapporter överallt.

Sidan körs i wamp. Och har vissa delar php. Kan någon bedömma säkerheten? Är det säkert att ha sidan så, då servern är kopplad i vårat hemmanätverk?

Sedan till orsaken av den här tråden:
Som den är byggd nu har sidan en fast höjd (580px+header). Nu vill jag att sidan ska täcka hela fönstret i höjden utan att göra en "scroll". Den ska dock göra en scroll om innehållet kräver det.

Min hemsida

Såhär ser cssfilen ut:

body { font-family: verdana, Times, sans-serif; font-size: 1em;background:#333333;}
#center { margin: auto; padding: 0; width:700px;}
#sidhuvud {background-image:url("header.gif"); width: 700px; height:146px;}
#meny {float: left; width: 180px;background:#ffffff; height:580px;}
#kolumn2 {float: left; width: 520px; background:#ffffff;  font-size: 1em; height:580px; line-height: 160%;}
A:link {text-decoration: none;  color: black;}
A:visited {text-decoration: none; color: black;}
A:active {text-decoration: none;  color: black;}
A:hover {text-decoration: none; color: black;}
Visa signatur

6600K@4,5GHz 1,25V | EVGA 980Ti | Samsung 950 Pro m.2

Redigera
Citera flera Citera
Permalänk
Medlem
●

Detta borde fungera.

html, body {
height:100%;
}
body  {
	margin:0;
	padding:0;
}
#container {
	min-height: 100%;
}
Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Aonike
Detta borde fungera.

html, body {
height:100%;
}
body  {
	margin:0;
	padding:0;
}
#container {
	min-height: 100%;
}

Det ser otroligt smidigt ut dock så löste jag det såhär:

body { font-family: verdana, Times, sans-serif; font-size: 1em;background:#333333;}
#center { margin: auto; padding: 0; width:700px; position:absolute; top:1%; height:98%; left: 50%; margin-left: -350px; background:#ffffff;}
#sidhuvud {background-image:url("header.gif"); width: 700px; height:146px; text-align: left;}
#meny {float: left; width: 180px; background:#ffffff; height 100%; text-align: left;}
#kolumn2 {float: top; width: 520px; background:#ffffff;  font-size: 1em; line-height: 160%; padding-left:180px; text-align: left;}
A:link {text-decoration: none;  color: black;}
A:visited {text-decoration: none; color: black;}
A:active {text-decoration: none;  color: black;}
A:hover {text-decoration: none; color: black;}
Visa signatur

6600K@4,5GHz 1,25V | EVGA 980Ti | Samsung 950 Pro m.2

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara