Forum PHP.pl > układ strony na div-ach

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

zibra

10.10.2009, 21:38:50

Witam,

jak zrealizować na div-ach taki kod:

[HTML] pobierz, plaintext 
...
<body style="height: 100%; width: 100%">      
      <table border="1" style="height: 100%; width: 100%">
      <tr><td style=height: 50%"></td></tr>
      <tr><td style=height: 300px">ertert</td></tr>
      <tr><td style=height: 50%"></td></tr>
      </table>
</body>
...
[HTML] pobierz, plaintext

tzn. w środku strony blok o wysokości 500px, a nad nim i pod nim 2 bloki których wyskokość dopasowuje isę do pozostałego wolnego obszaru strony...?
z góry dzięki za pomoc.

poradziłem sobie

[HTML] pobierz, plaintext 
<style type="text/css" media="screen">
			html, body, #scena {
        width: 100%; 
        height: 100%;
      }
			body {
        margin: 0;
        padding: 0;
        overflow: hidden;
      }
			#pas_gora {
        border: 1px solid #000000;  
        background-color: #ccc;
        display: table-row;
      }
			#pas_srodek {  
        vertical-align: middle;
			  height: 550px;
        border: 1px solid #000000;
        display: table-row;
      }
			#pas_dol {
       border: 1px solid #000000;
       background-color: #ccc;
       display: table-row;
      }                                 
		</style>
 
		<div id="scena" style="display:table">
		  <div id="pas_gora">ew</div>
		  <div id="pas_srodek">we</div>
		  <div id="pas_dol">ew</div>
		</div>
[HTML] pobierz, plaintext

damyrade1990

10.10.2009, 22:26:21

Twój kod jest kompletnie bezsensowny pod względem merytoryki. Cierpisz na chorobę zwana divitis i w dodatku nie znasz semantyki HTML'a. Mieszasz kod HTML z CSS i używasz dziwnych nazw identyfikatorów.

emp

10.10.2009, 22:42:56

Problem jest tego typu że pod explorerem to nie będzie dobrze wyglądać i działać tak jak pod FF czy operą sprawdź sobie i zobacz - nie rozciągnie ci się. Pamiętaj żeby nie stosować na silę divów z uwagi na to że nie będziesz postrzegany jako "profesjonalista" bo użyłeś tabelek.

Tabelki są normalnym poprawnym elementem języka HTML problem wynika z ich nadmiernego lub niepoprawnego stosowania. Zauważ że wszystkie lajauty na divavh mają przeważnie stały rozmiar, nie rozciągają się i nie są wykorzystywane procenty. Można zrobić tak aby lajaut na divach, procentach i rozciągany wyświetlał ci się poprawnie w IE, ale trzeba się trochę nakombinować i bywają sytuację gdy jest to praktycznie nieosiągalne. Oczywiście możesz pominąć IE, ale to nie jest rozsądne podejście trzeba zrobić tak żeby na większości przeglądarek strona wyglądała tak samo.

damyrade1990

10.10.2009, 23:11:26

Cytat

Pamiętaj żeby nie stosować na silę divów z uwagi na to że nie będziesz postrzegany jako "profesjonalista" bo użyłeś tabelek.

Nie za bardzo rozumiem. Mógłbyś jasniej cos o tym napisac ?

Daiquiri

11.10.2009, 09:12:58

Cytat(emp @ 10.10.2009, 23:42:56 )

Można zrobić tak aby lajaut na divach, procentach i rozciągany wyświetlał ci się poprawnie w IE, ale trzeba się trochę nakombinować i bywają sytuację gdy jest to praktycznie nieosiągalne.

Czyli, że należy użyć tabelek? Tabele służą do przedstawiania danych tabelarycznych. Koniec kropka. Jasne, nie dajmy się zwariować, ale zastosowanie tabel jako środka do "krojenia" strony - tworzenie dziwnych zagnieżdżonych tabel, "pustych obrazków" i podobnych dziwnych działań na tabelach nie powinno mieć miejsca. Chcesz mieć na stronie wyliczenia, zestawy danych z excela itd. - użyj tabelki. Proste

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.