1. muszę dopasować wysokość boku do ciała bez względu na zawartość. Jak to jest daje mi fig. 2 i muszę mieć rysunek 1.

  2. Muszę też mieć stopkę dopasowaną do wysokości ciała. position:absolute pasuje, ale zastępuje margin:auto, który centruje element ciała. Jak wyrównać elementy div
    Kod HTML:






Mój kod css to:

  body{ width:920px;
    position:absolute;
    height:auto; }
aside { float:left;
    width:170px; }

 footer { float: right;
     background: #E7DBD3;
     clear:both; }

Body and aside heights

2
Wepex 18 październik 2012, 20:19

2 odpowiedzi

Najlepsza odpowiedź

Powinieneś być w stanie ustawić górną i dolną wartość na bok. Coś jak:

aside { 
  position: relative;
  float:left;
  width:170px; 
  top: 0px;
  bottom: 0px;
}
2
Shawn Steward 18 październik 2012, 20:54

Aby określić wysokość elementu bocznego niezależnie od jego zawartości, użyj position: absolute z wymaganymi wartościami top i bottom.

Podczas pozycjonowania elementu bocznego upewnij się, że jest on ustawiony względem treści dokumentu, tj. przodkiem elementu bocznego powinien być treść dokumentu, a nie jakikolwiek inny element. Wymienienie wartości górnej i dolnej pomaga uzyskać pożądaną wysokość elementu bocznego.

Na przykład, jeśli nagłówek ma 60 pikseli wysokości, stopka ma 30 pikseli, a bok powinien znajdować się po lewej stronie, kod css będzie wyglądał następująco:

aside { 
  width: 250px; 
  position: absolute;
  top: 60px;    # to position after the header 
  bottom: 30px; # to end before the footer
  left: 0px;    # to position in the left side..Use right: 0px to position aside in the right side
}  
0
Sasi_Kala 22 październik 2015, 08:56