Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Dynamiczna szerokość divów
Papub
post
Post #1





Grupa: Zarejestrowani
Postów: 113
Pomógł: 1
Dołączył: 17.02.2006

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


Witam. Jak rozwiązać pewien problem. Mamy 3 divy w jeden lini.Ten środkowy ma mieć 1024 px i być na środku ekranu. Ten div po lewej ma mieć szerokość od 0px do DIV2 a ten po prawej od DIV2 do końca ekranu. Jakie ustawić wartości dla diva1 i 3? Bo width: 100% nie może być a width: auto tym bardziej. Docelowo ba tam być tło. W div1 inne i w div3 też inne. Jeżeli ktoś ma rozdzielczość 1024x768 to będzie tylko widoczny div2. Jeżeli np. 1600x900 wtedy widać wszystkie divy. Div 1 ma 288px div2 1024 i div3 288px. Czyli szerokość div1 i div 3 musi być dynamiczna.
Go to the top of the page
+Quote Post
vokiel
post
Post #2





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

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


Koniecznie 3 div'y? Może zrób obrazek tła, który będzie zawierał tło z div1, div2, div3, wycentruj je w poziomie na środku, div2 wrzuć w kontener i wycentruj. Szerokość dla kontenera ustaw dynamicznie, dla div2 statycznie. Powinno być ok.


--------------------
Go to the top of the page
+Quote Post
Papub
post
Post #3





Grupa: Zarejestrowani
Postów: 113
Pomógł: 1
Dołączył: 17.02.2006

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


No właśnie, że nie chce robić tła które składa się z div1 div2 div3 bo będzie ważyć dużo. A tło jest w takiej postaci że mogę wyciąć pasek i powielić go po x - i to będzie tło diva1. Div3 też tak ma być ale będzie inny pasek powielony. Wizualizacja tego co chce zrobić jest pod linkiem. Div2 zawsze będzie widoczny. Div 1 i Div 3 w zależności od rozdzielczości.

http://imageshack.us/photo/my-images/851/pageeg.jpg/
Go to the top of the page
+Quote Post
webfreak
post
Post #4





Grupa: Zarejestrowani
Postów: 77
Pomógł: 8
Dołączył: 29.03.2011
Skąd: Londyn

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


  1. <style><!-- Oczywiscie to w innym pliku wklej nie w indexie -->
  2.  
  3. .left
  4. {
  5. float:left;
  6. width:iloscpx;
  7. height:iloscpx;
  8. }
  9.  
  10. .left
  11. {
  12. float:left;
  13. margin:0 auto;
  14. width:1024px;
  15. }
  16.  
  17. .left
  18. {
  19. float:left;
  20. width:iloscpx;
  21. height:iloscpx;
  22. }
  23.  
  24.  
  25. <div class="left"></div>
  26. <div class="center"></div>
  27. <div class="right"></div>
  28.  



na 100% zle napisalem, ale tak to wytlumaczyles. na 1600x900 jesli widac wszystkie divy a na 800x600 tylko srodek to i tak masz scrolle x,y wiec po co ta zabawa ? tlo jednolite + gzip pokaz mi to tlo jak mozesz a z checia ci pomoge smile.gif


--------------------
http://szkolahtml.pl
Go to the top of the page
+Quote Post
Papub
post
Post #5





Grupa: Zarejestrowani
Postów: 113
Pomógł: 1
Dołączył: 17.02.2006

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


Ehh smile.gif Załatwiłem już sprawę przez jquery. W najgorszym przypadku tzn. jeżeli użytkownik ma rozdzielczość 1024x768px widać tylko środkowego diva o szerokości 1024px. Jeżeli ma większą rodzielczość np. 1600x900 to widać środkowego diva 1024px + diva lewego (1600-1024)/2 + prawego diva (1600-1024)/2. Chodzi o to że divy lewy i prawy ma mieć szerokość w zależności od rozdzielczości. W takim razie wzór na szerokość diva lewego i prawego powinien wyglądać (x-1024)/2 gdzie x to rozdzielczość ekranu użytkownika
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 Aktualny czas: 21.08.2025 - 03:09