fylla ut sida med div+css

8 svar · 410 visningar · startad av Pezzen 26 mars 2003

PezzenMedlem sedan feb. 2001197 inlägg

Frågan26 mars 2003 20:18#1

Morsning allez..

... sitter här å proggar lite, å kom på att ja skulle vilja ha diven att fylla ut hela sidan trotts att det inte står något i den och när det finns plats ovanför som inte ska täckas av den diven, funkar inte med 100%, och inte med auto. Jag är inte så bevandrad inom just den delen av CSS så ja undrar om de e någon annan som har någon lösning?

elvelindMedlem sedan juli 2002167 inlägg

26 mars 2003 20:29#2

body,html {
width: 100%;
height: 100%;
}
div {
width: 100%;
height: 100%;
}

jarvkloMedlem sedan juli 20013 378 inlägg

26 mars 2003 20:37#3

Du bör nog också lägga till

margin:0; padding:0

i CSS:en för "body,html" om du garanterat vill slippa "scrollbars" i de webbläsare som t.ex. råkar ha en padding inställt som defaultvärde i t.ex. body (som vissa NN/Mozillor ;) )

PezzenMedlem sedan feb. 2001197 inlägg

26 mars 2003 20:38#4

De dät fungerade inte alls som jag hoppats, tyvärr... :/

/r
Kanske ska (sörsöka) förklara mig lite bättre...

__
|.....................|
|__|
|................|--|
|................|--|
|................|--|
|................|__|
|................|
|................|
|_________|

Alla "rutor" är varsin div och de finns i sin tur i en storr div, hur gör ja då enklast för att få den div:en till höger att gå lika långt ner som den din:en till vänster, och om inte den går ner till browserns botten hur får då båda ner dit?.

Skulle det hjälpa om jag la till en sidfot?

jarvkloMedlem sedan juli 20013 378 inlägg

26 mars 2003 20:52#5

Hmm...
Är det något liknande det här du är ute efter?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
	<title>test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html,body {height:100%;width:100%;padding:0;margin:0}
#omslutning {height:100%; width:100%; background-color: silver}
#detdaruppe {height:50px; background-color:navy; text-color:white}
-->
</style>
</head>
<body>
	<div id="omslutning">
		<div id="detdaruppe">Det som skall vara "däruppe"</div>
			Blablabla och sådant som ligger i &lt;div id="omslutning"&gt; och ser ut som om det fyller upp 100% av sidan ;)
	</div>
	</body>
</html>

PezzenMedlem sedan feb. 2001197 inlägg

26 mars 2003 20:58#6

Nja, på ett sätt är det rätt, men som du kanske förstår om du läser det redigerade inlägget ovan så är det bara vertikalt som jag vill sträcka ut div:en

jarvkloMedlem sedan juli 20013 378 inlägg

26 mars 2003 21:27#7

Hmm...
Låter som om du skulle kunna ha nytta av att läsa det här ;) (artikeln beskriver en del möjliga lösningar på ditt problem på ett bra mycket bättre sätt än vad jag kan klämma in här ;) )

ordellMedlem sedan sep. 200278 inlägg

27 mars 2003 07:50#8

Få se om jag fattade det rätt ...

På http://www.glish.com/css/ finns färdiga "mallar" för att bygga sånt här.

Kolla även "CSS Resources" där, mycket bra och intressant läsning!

PezzenMedlem sedan feb. 2001197 inlägg

27 mars 2003 17:53#9

Heejsan igen, har kikat lite på era länkar å kommit fram till följande: Exempel

som ni ser så ligger inte alls lagren där de ska, beroende på att jag inte vill att de ska va obegränsat stora på sidan utan 780px, hur ska ja då få dem å ligga rätt?

Kan man positionera ett lager i en div så ja ska lägga allt i en stor div i vilken man sen positionerar lagrena?