Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [html][css] Rozciąganie obrazka na cała szerokość diva
deprr2
post 6.12.2013, 17:15:19
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 10.07.2013

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


Witam męczę już się sporo czasu na takim problemem...
otóż mam diva na cała szerokość okna przegladarki(a zaraz pod nim drugi taki sam)
i w tym divie jest slider
jednak nie potrafie tak zmanipulowac obrazkiem żeby ten byl rozciagniety na calego diva
robi sie albo
-scrool w tym divie
-albo rozciaga sie div na wysokosc obrazka

Kod
<!DOCTYPE html>
<html>
<head>

  <style>
    html,body{
      margin:0;
      padding:0;
    }
    .content{
      width:100%;
      height:100%;
      background-color:red;
      margin:auto;
    }
    
    .content img{
      width:100%;
      max-width:100%;
      height:100%;
      max-height:100%;
    }
  </style>
</head>
<body>

<div class="content">
  <img src="test.jpg" />
</div>

</body>
</html>
Go to the top of the page
+Quote Post
muniekw
post 7.12.2013, 21:47:17
Post #2





Grupa: Zarejestrowani
Postów: 243
Pomógł: 22
Dołączył: 1.06.2009
Skąd: Warszawa

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


Może pomoże smile.gif
Link
Go to the top of the page
+Quote Post
andrzejcygan
post 7.12.2013, 23:07:35
Post #3





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 7.12.2013
Skąd: Kraków

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


Mam podobny problem, czy macie pomysł jak rozciągnąć tło na wysokość strony? Chodzi mi o to, żeby obrazek tła był zawsze rozciągnięty i stykał się z footerem? Jest to obraz, więc repeat odpada.
Go to the top of the page
+Quote Post
pedro84
post 8.12.2013, 00:37:15
Post #4





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


Cytat(andrzejcygan @ 7.12.2013, 23:07:35 ) *
Mam podobny problem, czy macie pomysł jak rozciągnąć tło na wysokość strony? Chodzi mi o to, żeby obrazek tła był zawsze rozciągnięty i stykał się z footerem? Jest to obraz, więc repeat odpada.

A zajrzałeś w link podany przez @muniekw?


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 27.04.2025 - 07:25