Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dynamiczna szerokość divów
Forum PHP.pl > Forum > Po stronie przeglądarki
Papub
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.
vokiel
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.
Papub
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/
webfreak
  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
Papub
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
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.