Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Położenie obrazka na środku strony - height:100%;
yurus1
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 8.02.2008

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


Witam

Jest sobie strona. Jako tło ma być obrazek, który musi być wyśrodkowany na samym środku strony. Problem polega na tym że obrazek ma mieć zawsze 100% wysokości, więc cięzko określić jego szerokość.

W jaki najprostszy sposób można go wyśrodkować?

#background{position:fixed; z-index:-1; margin: 0 auto;
height:100%;
left: 6%;
}
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Arcioch
post
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

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


  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  2.  
  3. $(function() {
  4.  
  5. function bgresize() {
  6. var window_width = $(window).width();
  7. var img_width = $('#background1').width();
  8. var margin_left = (window_width - img_width) / 2;
  9. $('#background1').css({"margin-left" : margin_left});
  10. }
  11. $(window).load(function () {
  12. bgresize();
  13. });
  14.  
  15.  
  16. $(window).resize(bgresize);
  17.  
  18. });


Powinno grać (IMG:style_emoticons/default/wink.gif) Sorki moje niedopatrzenie (IMG:style_emoticons/default/wink.gif) Skrypt się ładował i łapał wielkość obrazka jako 0. Spróbuj i daj znać czy działa (IMG:style_emoticons/default/wink.gif)
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: 3.10.2025 - 07:54