Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Pomysł na dobre ulokowanie "treści" - fragment laya
Forum PHP.pl > Forum > Przedszkole
Zielonkawy18
Witam, otóż mam mały dylemat.

Oto fragment mojego pliku *.css:

  1. #tresc { background-color:#FC0300; height:600px; width: 700px; position: absolute; margin-top:50px; margin-left:275px ;}
  2.  
  3. #pasek_pionowy { background-color:#4F86F7; height:600; width: 2; position: absolute; margin-top:50px; margin-left:265px ;}


Kwadrat ( czerwony ) przeznaczony na treść jest oddalony od paska pionowego o 10px. Jest git. Natomiast mam mały dylemat z szerokością kawałka laya ( treść ), chciałbym aby miał on szerokość od 275px do końca szerokości ekarnu czyli tak na chłopski rozum winien mieć atrybut width zmieniony na 100%-275px, ale to na pewno tak nie można dlatego zapytam was jak zrobić aby od 275px rozciągał się do końca szerokości ekranu? smile.gif
b4rt3kk
  1. $(function(){
  2. var szerokosc_przegladarki = $(window).width();
  3. var odejmij = 275;
  4. var szerokosc = szerokosc_przegladarki - odejmij;
  5. $('#tresc').width(szerokosc);
  6. });


Oczywiście musisz dodać w HEAD:

  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>


zarówno jak i skrypt który podałem.
Zielonkawy18
Że tak zapytam rozumiem, że ma to siedzieć w pliku css moim?

//Już wszystko wiem.

Pozdrawiam.
b4rt3kk
To w HEAD strony musisz dodać:

  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  2. <script type="text/javascript">
  3. $(function(){
  4. var szerokosc_przegladarki = $(window).width();
  5. var odejmij = 275;
  6. var szerokosc = szerokosc_przegladarki - odejmij;
  7. $('#tresc').width(szerokosc);
  8. });


Dla sprawdzenia możesz dodać:

  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  2. <script type="text/javascript">
  3. $(function(){
  4. var szerokosc_przegladarki = $(window).width();
  5. alert(szerokosc_przegladarki);
  6. var odejmij = 275;
  7. var szerokosc = szerokosc_przegladarki - odejmij;
  8. alert(szerokosc);
  9. $('#tresc').width(szerokosc);
  10. });

Zielonkawy18
Naturlanie działa.

Pozdrawiam
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.