Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Pomysł na dobre ulokowanie "treści" - fragment laya
Zielonkawy18
post
Post #1





Grupa: Zarejestrowani
Postów: 152
Pomógł: 4
Dołączył: 4.10.2012

Ostrzeżenie: (10%)
X----


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? (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
b4rt3kk
post
Post #2





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


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. });

Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 13.10.2025 - 15:35