[css]Minimalna Wysokość strony = 100 %


(master of disaster) #1

Witam

Mam pytanie czy da się tak zrobić żeby minimalną wysokością strony była wysokość przeglądarki, chodzi o to że gdy jest mniej tekstu, a ktoś ma większą rozdzielczość to żeby strona się dopasowywała do jego ekranu a gdy będzie tekstu więcej niż czyjaś rozdzielczość no to wiadomo strona ma sie wydłużyć. Trochę to zagmatwane ale myślę że zrozumiecie :slight_smile:

myślałem o czymś takim :

min-height:100%;

Ale to u mnie nie działa...

Pozdrawiam


(adpawl) #2

http://www.pmob.co.uk/temp/ie7test6.htm -ten hack działa na przeglądarkach IE i FF, nie działa jednak na Operze 9.52 (nie wiem jak na starszych)

A w zasadziena na operze działa bez linijki: html>body #outer{height:auto;}


(master of disaster) #3

nie chcę mi to działać dałem tak:

body {

	background:#0B0B0B;

	margin:0px;

	text-align:center;

	height:100%

	}

#calosc {

	margin: auto;

	text-align:left; 

	width:970px;

	height:100%;

	min-height:100%;

	}

#logo {

	background:url(../img/img_02.jpg);

	width:963px;

	height:104px;

	background-repeat:no-repeat;

	}

#napis {

	text-align:right;

	}

#bok_l {

	background:#262626;

	width:165px;

	background-repeat:repeat-y;

	float:left;

	}

#srodek {

	background:#FFFFFF;

	width:633px;

	background-repeat:repeat-y;

	float:left;

	margin:0px;

	}

#bok_p {

	background:#262626;

	width:163px;

	background-repeat:repeat-y;

	float:left;

	}

.menu {

	background:#1B1B1B;

	width:164px;

	height:33px;

	border-bottom: 1px solid #ffffff;

	}

.menu_title {

	color:#FFFFFF;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

	text-align:center;

	}

.marque {

	padding-left:60px;

	}

#losowa {

	padding-left:30px;

	}

a {

	color:#0099FF;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:13px;

	}

a:hover {

	color:#00FF66;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:13px;

	}

.pisanie {

	color:#333333;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	padding-left:15px;

	padding-top:15px;

	}

#dzial {

	color:#333333;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:13px;

	text-align:center;

	padding-top:15px;

	} 

#inlogo{

	text-align:right;

	color:#FFFFFF;

	padding-top:85px;

	}

#bok_l, #bok_p, #srodek mają mieć taką samą wysokość, właśnie te 100% rozdzielczości...

Pomocy & Pozdrawiam :slight_smile: