Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Div na 100% wysokości okna jak w IE
piechnat
post
Post #1





Grupa: Zarejestrowani
Postów: 45
Pomógł: 0
Dołączył: 5.12.2004

Ostrzeżenie: (0%)
-----


Witam…

Jak zrobić warstwę, która będzie miała wysokość 100%, gdy tekstu w niej będzie mało, a kiedy tekstu będzie więcej niż wysokość to warstwa zwiększy swoje rozmiary dostosowując się do wysokości tekstu (jak w IE) a nie tak, że tekst wyjedzie za nią, zostanie ucięty lub pojawią się paski przewijania?

Jak na razie wymyśliłem sposób w JS, ale to chyba nie jest dobre opierać layout na skrypcie?

Kod
<script>
  function winHeight() {
    if (typeof window.innerHeight == 'number') return innerHeight;
    return document.getElementsByTagName('html')[0].offsetHeight;
  }
  onload = onresize = function() {
    var box = document.getElementById('box');
    var tmp = winHeight() - box.offsetTop;
    if (tmp < 0) tmp = 0;
    box.style.height = tmp + 'px';
  }
</script>
<style>
  html, body { background: green; }
  body { text-align: center; margin: 0px; padding: 0px; border: 0px; }
  #content { background: yellow; width: 600px; margin: 0px auto; }
</style>
<div id="content">
  text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text
  <div id="box"></div>
</div>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
-SaraniS-
post
Post #2





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 2.01.2005
Skąd: Opolskie

Ostrzeżenie: (0%)
-----


Przepraszam za odgrzebywanie, ale ja problem rozwiazalem, stosujac (akurat chodzilo mi o szerokosc ale i z wysokoscia powinno dzialac (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Kod
width: 100% - 170px;


wartosc przykladowa; Validator stwierdzil ze CSS jest poprawny (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Przy okazji inny problem:
Div w divie; przy czym ten drugi zajmuje XX% pierwszego i musi byc wysrodkowany. Ze srodkowaniem w poziomie nie bylo problemu (margin: auto + dla IE text-align: center w nadrzednym), ale jak go wysrodkowac pionowo?

Ten post edytował -SaraniS- 3.08.2005, 04:33:44
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 8.10.2025 - 07:31