[PHP][CSS] płynny szablon z minimalna wysokoscia Opcje

[lnn]

Czy da rade ustalic minimalna wysokosc np main zeby szablon byl nadal plynny??
Mozna wziac
overflow: auto; ale wtedy scroll sie robi :/ jakies pomysly?

[HTML] pobierz, plaintext 
#box {
    position:relative;
    margin: 4px auto;
    width: 870px;
}
#header {
    height: 120px;
    padding-left:10px;
    padding-top:10px;
    padding-right:10px;
    background-image:url(img/top.png);
}
 
#menu {
    width: 160px;
    float: left;
    overflow: hidden;
    position: relative;
    background-color: #085C38;
    background-image:url(img/menu.png);
    background-repeat: repeat-y;
    padding-left:10px;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:40px;
}
 
#main {
    width:660px;
    float:left;
    background-color: #D5FFD5;
    padding-right:10px;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
}
 
#footer {
    height:37px;
    clear: both;
    background-image:url('img/foot.png');
    background-repeat: repeat-x;
    padding-left:5px;
    padding-top:5px;
    font-size:10px;
    text-align:center;
    color: silver;
}
[HTML] pobierz, plaintext 

Ten post edytował lnn 28.01.2010, 23:21:48

[emtiej]

min-height: ...px;

Nie wiem czy wszystkie przeglądarki to obsługują, poszukaj tu pisze że większość tak: http://www.w3schools.com/CSS/pr_dim_min-height.asp

[lnn]

hmm dzieki niby dziala ciekawe w ilu przegladarkach
ale wazne zeby w najpopulerniejszych

[Szeszek1992]

[HTML] pobierz, plaintext 
<script>
function heightAlign(minHeight) {
  var elm = [], val = [minHeight], i, tmp;
  for (i = 1; i < arguments.length; i++) {
    if (tmp = document.getElementById(arguments[i])) {
      elm[elm.length] = tmp;
      tmp.style.height = 'auto';
      val[val.length] = tmp.offsetHeight;
    }
  }
  tmp = eval('Math.max(' + val.join(',') + ')');
  for (i = 0; i < elm.length; i++) {
    elm[i].style.height = tmp + 'px';
  }   
}
onload = function() {
  heightAlign(0, 'left', 'right');
};
</script>
[HTML] pobierz, plaintext 

Nie wiem, czy akurat o to Ci chodziło, ale znalazłem kiedyś takie coś w internecie. W funkcji heightAlign(0, 'left', 'right') zamiast left i right dajesz identyfikatory divów, które mają zostać wyrównane(krótszy uzyskuje taką samą długość jak dłuższy). Być może się przyda.

PS. Działa we wszystkich przeglądarkach, które testowałem(IE>5.5, FF, Opera, Chrome, Safari itp.)

Ten post edytował Szeszek1992 29.01.2010, 00:02:03