Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Div na 100% w drugim div
Earth
post
Post #1





Grupa: Zarejestrowani
Postów: 169
Pomógł: 2
Dołączył: 6.12.2006

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

Mam problem z rozszerzeniem diva na 100%.
[HTML] pobierz, plaintext 
  1. <div id="body">
  2.   <div class="row">
  3.     <div class="cell">
  4.       <div id="left4">1 Lewa</div>
  5.       <div id="left5">2 Lewa</div>
  6.     </div>
  7.     <div id="center" class="cell">Środek</div>
  8.     <div id="right" class="cell">Prawa kolmna</div>
  9.   </div>
  10.  </div>
[HTML] pobierz, plaintext 

[XML] pobierz, plaintext 
  1. div#bg div#body {
  2.     position : relative;
  3.     display: table;
  4.   }
  5.  
  6.  
  7. .row {
  8.     display:table-row;
  9.   }
  10.  
  11.  
  12. .cell {
  13.     display : table-cell;
  14.   }
  15.  
  16.  
  17. div#body div#left4 {
  18.     height : 56px;
  19.     position: relative;
  20.     clear:right;
  21.     float:right;
  22.   }
  23.  
  24.  
  25. div#body div#left5 {
  26.     height : 100%;
  27.     position: relative;
  28.     float:right;
  29.     clear:right;
  30.   }
[XML] pobierz, plaintext


http://img341.imageshack.us/img341/5666/zr...kranuds0.th.png
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
http://perfectionorvanity.com/2007/03/07/r...ny-layoutu-css/
Go to the top of the page
+Quote Post
Earth
post
Post #3





Grupa: Zarejestrowani
Postów: 169
Pomógł: 2
Dołączył: 6.12.2006

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

Ten link nie pomaga mi za dużo (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Jest w nim jak wyrównać 3 równorzędne div, które mam już równe. A mi chodzi jak rozszerzyć div podrzędne do innego div tak jak jest na rys:
http://img341.imageshack.us/img341/5666/zrzutekranuds0.png
Go to the top of the page
+Quote Post
zegarek84
post
Post #4





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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

normalnie tutaj nie zaglądam i nie wiem czemu zajrzałem... jakoś nie chciało mi sie analizować Twojej koncepcji za co przepraszam i ustawiłem prawie wszystko na sztywno - ale jest miejsce na skalowanie - jakoś mam sentyment do absolute tym bardziej że przez odpowiednią kombinację uzyska się efekt fix czy fixed (jakby tam sie zwał) działający bez skryptów w IE....

skopiuj i zerknij czy może być - podorzucaj po swojemu style i nadaj po swojemu szerokości - ale wtedy na środkowym musisz dać lewa i prawą taka jak szerokości zewnętrznych - środkowa będzie się skalowała w szerokości i wysokości, pozostałe w wysokości:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style>
  4. div {position: absolute;}
  5. #left4, #left5 {left: 0px; width: 200px;}
  6. #left4 {top: 0;
  7.    height : 56px;
  8. background-color: yellow;
  9.  }
  10. #left5 {top: 56px; bottom: 0;
  11.    background-color: red;
  12.   }
  13. #center { top: 0 ; bottom: 0;
  14. right: 300px; left: 200px;background-color: green;
  15. }
  16. #right{ top: 0 ; bottom: 0;
  17. right: 0; width: 300px; background-color: grey;}
  18. </style>
  19. </head><body>
  20. <div id="left4">1 Lewa</div>
  21. <div id="left5">2 Lewa jk k jo lj o; jo j ol jo ljk o lj ol joi hj ol jo lj o j okl jo lhj ol jo h il hk g ukg uk g</div>
  22. <div id="center">Ĺšrodek</div>
  23. <div id="right">Prawa kolmna</div>
  24. </body></html>
[HTML] pobierz, plaintext


Ten post edytował zegarek84 29.11.2008, 16:13:42
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

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