Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Problem ze stroną
Salur
post
Post #1





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 28.12.2014

Ostrzeżenie: (20%)
X----


/ rozwiazane

Ten post edytował Salur 25.08.2015, 17:38:05
Go to the top of the page
+Quote Post
KsaR
post
Post #2





Grupa: Zarejestrowani
Postów: 520
Pomógł: 102
Dołączył: 15.07.2014
Skąd: NULL

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


Cytat(Salur @ 25.08.2015, 17:12:40 ) *
Witam, mam dziwny problem, dokładniej problem chyba z dopasowaniem rozdzielczości. Zakodowałem stronę i teraz np. ja mam wszystko dobrze i znajomy też, lecz juz drugi kolega ma na dole pod tłem biały pasek. W czym może być problem?

Strona:

http://188.68.238.161/kodowanie/

Oto problem:

Mogles dac jeszcze screen "bez problemu"..

Ale zgaduje ze ta biala polowa miala byc czarna?
masz tak?
  1. html, body
  2. {
  3. background: black
  4. }


Ten post edytował KsaR 25.08.2015, 16:39:51


--------------------
Go to the top of the page
+Quote Post
Salur
post
Post #3





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 28.12.2014

Ostrzeżenie: (20%)
X----


No własnie nie miało być czarne, na stronie jest tło graficzne ono nie jest stałe kolorystycznie, chce aby się rozciągneło.
Go to the top of the page
+Quote Post
Malukaz
post
Post #4





Grupa: Zarejestrowani
Postów: 77
Pomógł: 4
Dołączył: 16.04.2009

Ostrzeżenie: (10%)
X----


bawisz sie w określanie height elementów z floatowaniem bez clearowania etc itd.

Widze, że jesteś nowy, poczytaj na internecie na temat google chrome development extension ( nacisnij f12 ) w trybie live mozesz edytować css i widziec co sie dzieje ( TAK HTML I JS TEŻ ). dzięki temu zaczniesz rozumieć co robisz.

Generalnie relativy wywal (uzywane tylko zeby top okresla ), do tego uzyj paddingu / marginesu / transform: translateY(XXpx)

link w headerze nie klikalny

bawisz sie background imageami nadajac size: 100% auto; to uzyskujesz 100% auto gdzie 100% == dopasuj mi szerokość backgroundy to szerokosci okna, natiomiast wysokość zrob z proporcji szerokości.


do nauki polecam: wywalic wszystkie elementy obrazkowe ( jako backgroundy ) i na początek ulozyc sobie kolorkami, byś widizał jaka strukture uzyskałeś ogolnie.

i te height na sztywno pls....

a twoj specyficzny problem lezy wlasnie w RELATIVACH:

#content {
position: relative; <- wyjeb
width: 1263px;
margin: 0 auto;
top: 80px; <- wyjeb
}

body {
background-image: url(../img/bg.jpg);
background-repeat: no-repeat;
background-size: cover; <- zmień na takei i powinno działać
}


ale oczywiscie strona zakodowana 0/10, duzo nauki przed tobą

pozdrawiam
Go to the top of the page
+Quote Post
Salur
post
Post #5





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 28.12.2014

Ostrzeżenie: (20%)
X----


Dziekuję za pomoc i wszystkie uwagi. Wezmę to do serca.

Jeszcze jedno pytanie, div #content, kazałes usunąć reltive i top, a to było przesunięcie strony w dół. Jak mogę to inaczej zrobić w takim razie? bo strona jest za wysoko.
Go to the top of the page
+Quote Post
Malukaz
post
Post #6





Grupa: Zarejestrowani
Postów: 77
Pomógł: 4
Dołączył: 16.04.2009

Ostrzeżenie: (10%)
X----


margin-top: xxpx;
padding-top: xxpx;
etc

albo zmien height #header
Go to the top of the page
+Quote Post
Salur
post
Post #7





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 28.12.2014

Ostrzeżenie: (20%)
X----


Kurczę, jeżeli dam w #content margin-top: x lub padding-top: x, to znów niektórzy mają biały pasek o wysokosci takiej jakiej jest margin-top.

Edit: zmiany wysokosci header też próbowałem.

Ten post edytował Salur 25.08.2015, 17:02:12
Go to the top of the page
+Quote Post
Malukaz
post
Post #8





Grupa: Zarejestrowani
Postów: 77
Pomógł: 4
Dołączył: 16.04.2009

Ostrzeżenie: (10%)
X----


bo dalej używasz relative i top w elementach content przez co sztucnie wydłużasz strone a body nie łapie tych wymiarów jakie powinno

pozdro
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: 22.08.2025 - 07:02