Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Div zalezne od siebie height
spayk
post 31.07.2010, 21:59:34
Post #1





Grupa: Zarejestrowani
Postów: 364
Pomógł: 3
Dołączył: 29.11.2008

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


Jak mam zrobić zeby divy były zalezne od siebie od względem wysokości
mam w jednym menu w drugim tresci
nieraz tresc jest krótsza od menu a nieraz menu. Jak zrobic zeby te 2 div były cały czas takeij samej długosci tzn niech raz jeden się powiększa a raz drugi
myslałem o min-height: ale niedziała
Go to the top of the page
+Quote Post
krzysztof_kf
post 31.07.2010, 22:03:31
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


Pokaż css plus html to bardziej nam przedstawi obraz co chcesz uzyskać .
Go to the top of the page
+Quote Post
spayk
post 31.07.2010, 22:04:52
Post #3





Grupa: Zarejestrowani
Postów: 364
Pomógł: 3
Dołączył: 29.11.2008

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


css
  1. #heander {
  2. background-image: url(images/top.png);
  3. width: 954px;
  4. height: 205px;
  5.  
  6. }
  7.  
  8.  
  9. #left {
  10. background-image: url(images/bg_left.png);
  11. width: 285px;
  12. height: 1019px;
  13. float:left;
  14. }
  15. #pion_bg {
  16. background-image: url(images/pion_hr.png);
  17. width: 2px;
  18. height: 1019px;
  19. float:left;
  20. }
  21. #right {
  22. background-image: url(images/bg_right.png);
  23. width: 667px;
  24. min-height: 1019px;
  25. float:left;
  26. }
  27. #footer {
  28. background-image: url(images/footer.png);
  29. width: 954px;
  30. height: 105px;
  31. float:left;
  32. }



html

  1. <div id="heander">
  2. <!-- top -->
  3. </div>
  4.  
  5. <div id="left">
  6. <!-- lewa czesc strony, menu i panel reklam -->
  7. </div>
  8. <div id="pion_bg">
  9. <!-- piowowa linia miedzy pionowym menu a centrum -->
  10. </div>
  11. <div id="right">
  12. <!-- tresć strony -->
  13. </div>
  14. <div id="footer">
  15. <!-- stopka -->
  16. </div>


Ten post edytował spayk 31.07.2010, 22:11:31
Go to the top of the page
+Quote Post
krzysztof_kf
post 31.07.2010, 22:15:12
Post #4





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


Dodaj przed selektorem left dodatkowy selektor o łącznej całej szerokości kolumn np.

  1.  
  2. #content {
  3. width: 1000px;
  4. overflow: hidden;
  5. background: #ff0000;
  6. }
Go to the top of the page
+Quote Post
spayk
post 31.07.2010, 22:20:06
Post #5





Grupa: Zarejestrowani
Postów: 364
Pomógł: 3
Dołączył: 29.11.2008

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


czy takie rozwiazanie zadziała w każdej przegladarce bo w KED w podglad to niedziała w ff tak

PS jak ustawic strone na srodku ?

Ten post edytował spayk 31.07.2010, 22:22:28
Go to the top of the page
+Quote Post
krzysztof_kf
post 31.07.2010, 22:34:00
Post #6





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


Daj głównemu selektorowi np.


  1.  
  2. #content {
  3. width: 999px; // Łączna szerokość strony [/b]
  4. margin: 0 auto;
  5. }


albo zadziała samo

  1.  
  2. margin: 0 auto;


dla selektora header


pozdrawiam .

Cytat(spayk @ 31.07.2010, 23:20:06 ) *
czy takie rozwiazanie zadziała w każdej przegladarce bo w KED w podglad to niedziała w ff tak



Jak najbardziej .


Ten post edytował krzysztof_kf 31.07.2010, 22:33:20
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 00:56