[CSS]Pomysł na dobre ulokowanie "treści" - fragment laya Opcje

[Zielonkawy18]

Witam, otóż mam mały dylemat.

Oto fragment mojego pliku *.css:

[PHP] pobierz, plaintext 
#tresc { background-color:#FC0300; height:600px; width: 700px; position: absolute; margin-top:50px; margin-left:275px ;}
 
#pasek_pionowy { background-color:#4F86F7; height:600; width: 2; position: absolute; margin-top:50px; margin-left:265px ;}
[PHP] pobierz, plaintext 

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)

[b4rt3kk]

[HTML] pobierz, plaintext 
$(function(){
  var szerokosc_przegladarki = $(window).width(); 
  var odejmij = 275;
  var szerokosc = szerokosc_przegladarki - odejmij;
  $('#tresc').width(szerokosc);
});
[HTML] pobierz, plaintext 

Oczywiście musisz dodać w HEAD:

[HTML] pobierz, plaintext 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
[HTML] pobierz, plaintext 

zarówno jak i skrypt który podałem.

Ten post edytował b4rt3kk 14.10.2012, 18:33:21

[Zielonkawy18]

Że tak zapytam rozumiem, że ma to siedzieć w pliku css moim?

//Już wszystko wiem.

Pozdrawiam.

Ten post edytował Zielonkawy18 14.10.2012, 18:47:32

[b4rt3kk]

To w HEAD strony musisz dodać:

[HTML] pobierz, plaintext 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
  var szerokosc_przegladarki = $(window).width(); 
  var odejmij = 275;
  var szerokosc = szerokosc_przegladarki - odejmij;
  $('#tresc').width(szerokosc);
});
</script>
[HTML] pobierz, plaintext 

Dla sprawdzenia możesz dodać:

[HTML] pobierz, plaintext 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
  var szerokosc_przegladarki = $(window).width(); 
  alert(szerokosc_przegladarki);
  var odejmij = 275;
  var szerokosc = szerokosc_przegladarki - odejmij;
  alert(szerokosc);
  $('#tresc').width(szerokosc);
});
</script>
[HTML] pobierz, plaintext 

[Zielonkawy18]

Naturlanie działa.

Pozdrawiam