[PHP][CSS]Wydłuzanie obrazka tła zgodnie z ilością tekstu Opcje

[Mlody993]

Witam,
jakiej opcji użyć, aby obrazek rozciągał się według tego ile jest tekstu??


@edit:

Albo zapytam inaczej. Czy jest możliwość, aby jeden blok wydłużał się według długości innego bloku??

Ten post edytował Mlody993 7.07.2009, 22:23:41

[erix]

google: faux columns albo http://www.alistapart.com/articles/holygrail

[Drav]

można tez:

[HTML] pobierz, plaintext 
padding-bottom: 100000000px; 
    margin-bottom: -100000000px;
[HTML] pobierz, plaintext 

i

[HTML] pobierz, plaintext 
overflow: hidden
[HTML] pobierz, plaintext 

dla elementu nadrzędnego

Ten post edytował Drav 7.07.2009, 23:49:54

[Mlody993]

O wielkie dzięki.

Tylko teraz jest problem. Bo mam podzielone na taki układ: Lewa ścianka, pole na treść, pole na menu, prawa ścianka.

Tak: |- - |

I gdy uzupełnię tekst w polu na treść robi się tak:
|- -|
|- -

A gdy uzupełnię polę na menu, a pole na treść nie to wygląda tak:
|- -|
- -|

No i jak to naprawić? Myślę, żeby pole na treść i na menu dać w jeden np. <div id="counter">. Czy jak? :/

[Maxik]

To jest własnie faux column o którym pisał erix

[Drav]

ja proponuje zrobic to tak:
CSS (tylko do wydłużania się, reszte sobie sam ustaw)

[HTML] pobierz, plaintext 
.wydloz {
padding-bottom: 100000000px; 
    margin-bottom: -100000000px;
}
 
.kontener {
overflow: hidden;
}
[HTML] pobierz, plaintext 

HTML

[HTML] pobierz, plaintext 
<div class="kontener">
  <div class="wydloz">lewa</div>
  <div class="wydloz">srodek</div>
  <div class="wydloz">prawa</div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował Drav 8.07.2009, 00:11:34

[Mlody993]

ja proponuje zrobic to tak:
CSS (tylko do wydłużania się, reszte sobie sam ustaw)

[HTML] pobierz, plaintext 
.wydloz {
padding-bottom: 100000000px; 
    margin-bottom: -100000000px;
}
 
.kontener {
overflow: hidden;
}
[HTML] pobierz, plaintext 

HTML

[HTML] pobierz, plaintext 
<div class="kontener">
  <div class="wydloz">lewa</div>
  <div class="wydloz">srodek</div>
  <div class="wydloz">prawa</div>
</div>
[HTML] pobierz, plaintext 

Myślę, że Twoja rada by rozwiązała mój problem.

Ale czy mógłbyś podać przykład na moim wzorze? Czyli lewa sciana, treść, menu, prawa sciana ?


@edit:
Problem rozwiązałoby to, gdyby długość pola na menu rozciągała się według dłuości pola na treść. Wtedy jedno od drugiego byłoby zależne. Bo gdy dużo treści w menu, to się wydłuża i prawa ściana też...

@edit2:
Aha u mnie jest tak, że pod środek i menu są inne obrazki tła, więc jak dam wszystko w blok "wydluz" to po prostu się powali z tłem. :/

Ten post edytował Mlody993 8.07.2009, 00:23:44

[Drav]

Nie rozumiem. Daj jakiś obrazek w paincie tego jak to ma wyglądać to Ci podam kod

Jeśli chcesz, zeby wydłuzały sie tylko niektóre elementy to ustaw

[HTML] pobierz, plaintext 
padding-bottom: 100000000px;
margin-bottom: -100000000px;
[HTML] pobierz, plaintext 

tylko dla tych elementów, a jeśli chodzi Ci o coś innego to patrz wyżej (rysunek).

Ten post edytował Drav 8.07.2009, 09:13:09

[erix]

CSS (tylko do wydłużania się, reszte sobie sam ustaw)

A do czego ja zalinkowałem...

Ale czy mógłbyś podać przykład na moim wzorze? Czyli lewa sciana, treść, menu, prawa sciana ?

Chcesz gotowca? Rusz się trochę.

[Mlody993]

Dobra chłopaki, wielkie dzięki za pomoc. Poradziłem sobie.

Po prostu skorzystałem z Faux Column i dodałem go do każdej ściany (lewa i prawa).

Blok wyglądał tak: DIV sciana + treść /DIV (następny blok) DIV menu + ściana /DIV

I po prostu dałem to tak: DIV ściana + treść /DIV (następny blok) DIV menu + ściana /DIV Ściana /DIV

Czyli po bloku z menu dodałem jeszcze jedną ścianę i jest super.