Forum PHP.pl > MASAKRA - Tabela albo Div na 100% wyskości strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: MASAKRA - Tabela albo Div na 100% wyskości strony

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

hab

3.11.2009, 13:38:47

Witam

Nie żebym był poczatkujący w HTML ale BŁAAAAGAM walcze od 2 godzin z tym.

Jak zrobic zeby tabelka albo div rozciagniety byl na 100% wysokosci strony bez wzgledu na to co w tym divie czy tabelce sie znajduje.

Malo tego musi byc wycentrowane w poziomie (tabelka nie ma problemu ale div

)

Blagam pomocy

Bo zaraz monitor przez okno poleci ;]

pozdr

skowron-line

3.11.2009, 13:48:28

Ostatnio miałem ten sam problem ;]

[HTML] pobierz, plaintext 
<style type="text/css">
#wrapper { border: 1px solid black; margin: auto; width: 500px; height: 100%; }
#menu { border: 1px solid red; width: 150px; height: 100px; float: left; }
#content { border: 1px solid green; width: 346px; height: 300px; float: left; }
</style>
 
<div id="wrapper">
    <div id="menu">
 
    </div>
    <div id="content">
 
    </div>
</div>
[HTML] pobierz, plaintext

hab

3.11.2009, 14:18:04

to teraz jeszcze zrob go na 100% wysokosci ;]

to bez kitu masakra jakas

dobra poradzilem sobie tak ze dalem tabele w tabeli i jest na srodku i na 100% wysokosci, ale przeciez to nie tak powinno wygladac

zostawiam to tak ale ...

[HTML] pobierz, plaintext 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><table width="1100" border="0" align="center" cellpadding="0" cellspacing="0" background="tmp/tlo_ht_biale.jpg">
      <tr>
        <td>
 
      </td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
[HTML] pobierz, plaintext

i css

body, html, table {
text-align:center;
margin: 0px;
padding: 0px;
height:100%;

}

nie wiem czy css konieczny ale juz mi si nie chce kombinowac

pozdr

sunpietro

3.11.2009, 18:59:00

sprawdź sobie te tematy:
CSS Równa wysokość kolumn
Równa wysokość kolumn z użyciem jQuery
Kolumny 100% wysokość

powinny pomóc

seth-kk

4.11.2009, 01:21:49

Cytat(hab @ 3.11.2009, 15:18:04 )

ale przeciez to nie tak powinno wygladac

masz racje nie - powinno sie umieszczac procentowych wartosci w height
co do <div /> no na ogol wystarczy dodac height: 100% jeszcze do body i html

mad/

14.11.2009, 00:11:39

Osobiście polecam:

[CSS] pobierz, plaintext 
body
{
 position: relative;
}
div#wrapper
{
 position: absolute;
 top: 8px;
 bottom: 8px;
}
[CSS] pobierz, plaintext

[xml]
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" dir="ltr">
<head>
<title><tytuł></title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset="utf-8""/>
</head>
<body>
<div id="wrapper">
(...)
</div>
</body>
</html>

230005

1.12.2009, 19:50:32

W sumie nie wiem, czy cię dobrze zrozumiałem, ale jak to ma być jeden div, to skorzystaj z tego:

http://fortysevenmedia.com/blog/archives/m...y_put_with_css/

Dalej oczywiście jest mowa o stopce, ale to możesz pominąć

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.