Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Pozycjonowanie i rozciąganie tła
SirZooro
post
Post #1





Grupa: Zarejestrowani
Postów: 243
Pomógł: 32
Dołączył: 14.06.2007

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


Hej,
Mam szablon strony który w przybliżeniu wygląda tak:
(IMG:http://img509.imageshack.us/img509/3277/stronach5.jpg)
Na górze jest pasek (niebieska część) który ma się w założeniu rozciągać na całą szerokość przeglądarki. Gdyby był on jednolity i dałoby się wyciąć fragment o szerokości 1px, to można by go powielić jako tło i nie byłoby problemu. Niestety pasek ten składa się z ukośnych linii, więc najmniejszy powtarzalny fragment jest szerszy (konkretnie 5px). Dlatego trzeba go dokładnie dopasować do środkowej części bo inaczej będzie to nieładnie wyglądać. Z ustawieniem tła w odpowiedniej pozycji umiem sobie poradzić - wystarczy użyć stylu background-position: right dla lewej części (prawa się sama ustawia dobrze) Niestety nie mam pomysłu jak zrobić aby środkowa część miała stałą szerokość, a tło powtórzyło się po bokach. Można użyć tabelki do tego, ale wolałbym tego uniknąć i zrobić całość na divach (lub w inny sposób).

Pytanie zatem brzmi: jak ustawić obok siebie w wierszu trzy divy, tak aby środkowy miał stałą szerokość, a dwa boczne rozciągnęły się tak aby dopasowały się do szerokości obszarów po bokach strony?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
roobik
post
Post #2





Grupa: Zarejestrowani
Postów: 410
Pomógł: 5
Dołączył: 25.01.2005
Skąd: Wrocław

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


Witam!
Mimo, że mój problem jest podobny, to pozwolę sobie odświeżyć go (rozciąganie tła).
mam grafikę (tzw "belkę" tytułową), lecz jest ona za krótka. Załóżmy, że wygląda to tak:
  1. <table width=100% align=center>
  2. <tr>
  3. <td width=65% class="1">TYTUŁ</td>
  4. <td width=35% class="2">tekst</td>
  5. </tr>

chodzi o podpięcie tła do komórki o szer 65%.
Grafika na tę "belkę" jest szerokości 220px. Czy da radę ją w jakikolwiek sposób rozciągnąć (repeat-x oraz repeat-y nie wchodzi w grę, gdyż nie jest to grafa jednolita)?
Bardzo proszę o pomoc...
Go to the top of the page
+Quote Post

Posty w temacie


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 Aktualny czas: 9.10.2025 - 17:16