Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]problem z divem
Forum PHP.pl > Forum > Przedszkole
Sebastian003
Witam, chciałem zapytać jak technicznie wykonać tło po obu stronach strony tak aby nie rozciągało paska na dole.
Mam po środku top i chciałbym je polączyć z tłem niezaleznym po obu stronach jakich parametrów użyć css ?
Będę musiał chyba dwa divy utworzyć z prawą stroną i lewą?

Damonsson
Możesz użyć multiple background, nie wiem co chcesz osiągnąć, ale pewnie o to chodzi.
jegrek
Cytat(Damonsson @ 20.02.2013, 00:25:12 ) *
Możesz użyć multiple background, nie wiem co chcesz osiągnąć, ale pewnie o to chodzi.


Można tak, ale w sumie to wystarczy zrobić wrapper jako tło co sprawi, że będzie można ustawić jakie sie chce divy na tle nie zależnym jak kolega napisał wczesniej, a w tym przypadku left|top|right.

W pliku css ustawiasz:
  1.  
  2. #wrapper {
  3. min-height:110%;
  4. position:relative;
  5. margin:0 auto;
  6. background-image: url(ścieżka dostępu do obrazka);
  7. }


I później ustawiasz sobie divy jak chcesz i oczywiście musisz odpowiednio zdefiniować wrapper. Mam nadzieję, że o to chodziło
Sebastian003
Przykładowo mam

  1. <div class="page">
  2.  
  3. <div id="tlo"><img src="obrazektlonasrodkudiva" /></div>
  4.  
  5. <div>



css

  1. .page{background-color:#fff;}
  2. #tlo {margin: 0 auto;width: 950px;}


To jak mam użyć tego #wrapper bo jakoś nie wychodzi mi?
Damonsson
obrazek to obrazek, tło to tło
Sebastian003
TO jak inaczej mogę to rozwiązać ? Dodam że w tym polu po środku jest silder obrazki się same genererują zmieniają tylko zależy mi aby tlo prawe i lewe obok tego sildera było połączone?
mar1aczi
Przedstawiłeś "białą kartkę". Jaki ma być efekt końcowy? Tło lewe i prawe to ten sam kolor? Diabeł tkwi w szczegółach, których nie podałeś. Dlatego też wskazówki kolegów są adekwatne do Twojego zapytania i szczegółów, które (nie)podałeś.
Sebastian003
Przedstawiam drugi rysunek po srodku jest silder chciałbym połączyć elementy z prawego tla do prawej strony sildera tak samo z druga stroną.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.