Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> układ strony na div-ach
zibra
post
Post #1





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 26.10.2005
Skąd: Wrocław

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

Witam,

jak zrealizować na div-ach taki kod:
[HTML] pobierz, plaintext 
  1. ...
  2. <body style="height: 100%; width: 100%">      
  3.       <table border="1" style="height: 100%; width: 100%">
  4.       <tr><td style=height: 50%"></td></tr>
  5.       <tr><td style=height: 300px">ertert</td></tr>
  6.       <tr><td style=height: 50%"></td></tr>
  7.       </table>
  8. </body>
  9. ...
[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 (IMG:style_emoticons/default/smile.gif) 
[HTML] pobierz, plaintext 
  1. <style type="text/css" media="screen">
  2. 			html, body, #scena {
  3.         width: 100%; 
  4.         height: 100%;
  5.       }
  6. 			body {
  7.         margin: 0;
  8.         padding: 0;
  9.         overflow: hidden;
  10.       }
  11. 			#pas_gora {
  12.         border: 1px solid #000000;  
  13.         background-color: #ccc;
  14.         display: table-row;
  15.       }
  16. 			#pas_srodek {  
  17.         vertical-align: middle;
  18. 			  height: 550px;
  19.         border: 1px solid #000000;
  20.         display: table-row;
  21.       }
  22. 			#pas_dol {
  23.        border: 1px solid #000000;
  24.        background-color: #ccc;
  25.        display: table-row;
  26.       }                                 
  27. 		</style>
  28.  
  29. 		<div id="scena" style="display:table">
  30. 		  <div id="pas_gora">ew</div>
  31. 		  <div id="pas_srodek">we</div>
  32. 		  <div id="pas_dol">ew</div>
  33. 		</div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
damyrade1990
post
Post #2





Grupa: Zarejestrowani
Postów: 18
Pomógł: 0
Dołączył: 10.10.2009

Ostrzeżenie: (10%)
X----

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.
Go to the top of the page
+Quote Post
emp
post
Post #3





Grupa: Zarejestrowani
Postów: 195
Pomógł: 14
Dołączył: 12.01.2006
Skąd: Gotham City

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

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.

Ten post edytował emp 10.10.2009, 22:52:23
Go to the top of the page
+Quote Post
damyrade1990
post
Post #4





Grupa: Zarejestrowani
Postów: 18
Pomógł: 0
Dołączył: 10.10.2009

Ostrzeżenie: (10%)
X----

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 ?(IMG:style_emoticons/default/snitch.gif)
Go to the top of the page
+Quote Post
Daiquiri
post
Post #5





Grupa: Administratorzy
Postów: 1 552
Pomógł: 211
Dołączył: 7.07.2009
Skąd: NJ
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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 15:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn