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
myślałem o czymś takim :
min-height:100%;
Ale to u mnie nie działa…
Pozdrawiam
adpawl
(adpawl)
21 Wrzesień 2008 20:17
#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;}
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