Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Jak ustawić inne tło z lewej części strony i inne z prawej?
kukix
post
Post #1





Grupa: Zarejestrowani
Postów: 600
Pomógł: 2
Dołączył: 1.09.2002
Skąd: Wrocław

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


Witam.
Mam stronę zbudowaną na div'ach.


Wszystkie elementy znajdują się w dive znajdującym się na środku:
  1. <div style="width: 999px; margin: 5px auto;">
  2. zawartośc strony
  3. </div>


czy jest jakiś spsoób, żeby ustawić inne tło z lewej strony tego div'a i inne z prawej?


Próbowałem w ten sposób:
  1. <div style="float: left; background-color: red; width: auto;">TŁO Z PRAWEJ</div>
  2. <div style="float: left; width: 999px; margin: 5px auto;">
  3. zawartośc strony
  4. </div>
  5. <div style="float: left; background-color: yellow; width: auto;">TŁO Z PRAWEJ</div>


Sposób ten jednak nie dizała, ponieważ jest problem z ustawienie mszerokości tych dwóch divów po bokach.

Jest na to jakiśspsoób, czy pozostaje tylko zbudowanie strony na tabelce?

Będe bardzo wdzięczny wszelkie wypowiedzi.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
Spawnm
post
Post #2





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




zobacz to:
http://matthewjamestaylor.com/blog/equal-h...er-css-no-hacks
Go to the top of the page
+Quote Post
hiszpanespaniol
post
Post #3





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

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


nie musisz stosować żadnych sztuczek z wysokościami div'a.
Sposób jest prosty, html daje Ci jeszcze dwa dodatkowe tagi których się nie pozbędziesz, a które możesz wykorzystać. Masz przecież <html> i <body>. htmlowi nie ustawisz szerokości (choć możesz dać mu tło), ale body jak najbardziej możesz. Więc:

1. szerokość i automatyczny margines ustaw dla <body>, a nie dla tego div'a.
2. zdefiniuj lewe tło dla <body>.
3. zdefiniuj prawe tło dla diva (tego najogólniejszego).
ew. 4. poustawiaj wysokość 100% dla <html> i <body> jeżeli chcesz mieć zawsze całe okno przeglądarki wypełnione tłem obustronnym.

Proste i działa smile.gif

pozbywasz się dwóch div'ów służących tylko jako pojemnik dla tła.

Ten post edytował hiszpanespaniol 30.03.2009, 21:05:11


--------------------
Go to the top of the page
+Quote Post
black_alexis
post
Post #4





Grupa: Zarejestrowani
Postów: 41
Pomógł: 3
Dołączył: 2.01.2009
Skąd: Kraków

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


mozesz równiez do prawego diva wsadzić:
Kod
float:right;


--------------------
http://design-solution.pl/

Jeżeli zdarzy się taka sytuacja, ze Ci pomogę, zaklikaj że to zrobiłam :)
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 Aktualny czas: 21.08.2025 - 05:29