Kodowanie szablonu

[Dareksbs 0]

Witam,

 

Potrzebuje małej porady, aktualnie koduje sobie szablon który zrobiłem w ps, tylko że tym razem postanowiłem zrobić tło na cały ekran i tu się zaczęły problemy, tło w css ustawiłem na :

 

background: url("images/tlo.png") no-repeat;

background-size: 100%;

 

i tło normalnie się zmniejsza i powiększa na różnych przeglądarkach, jednakże problem się zaczął gdy zacząłem wrzucać do niego różne rzeczy, typu menu, logo itp. na każdej rozdzielczości strona wygląda inaczej, tło się zmniejsza, ale menu i różne obrazki się ustawiają tam gdzie nie powinny...

 

I teraz moje pytanie jest następujące, co muszę zrobić aby menu oraz cała strona reagowała tak jak tło.

 

edit:

 

Domyślam się że muszę razem z całym tłem zmniejszyć automatycznie wszystkie obrazki, tylko jak to zrobić ?

Edytowano Czerwiec 28, 2012 przez Dareksbs (zobacz historię edycji)

[Causen 76]

Uzyj wartości procentowych dla wszystkich wysokości i szerokości?

[Dareksbs 0]

Uzyj wartości procentowych dla wszystkich wysokości i szerokości?

 

Masz na myśli coś w tym stylu ??

 

 

#logo{

width:100%;

height:100%;

background-image:url(ogo.png);

float: left;

}

[regdos 1848]

zmniejszanie/powiększanie obrazków z poziomu CSS czy width/height nie jest dobrym pomysłem ponieważ przeglądarka to skaluje i z założenia to będzie paskudnie wyglądać. Poza tym raczej nie robi się stron, w których grafika sama się powiększa.

[Krzysztof Baraniak 8]

Polecam utworzyć tło o szerokości minimum 1900px i zrezygnować ze skalowania tła. Najlepiej je potem ładnie wyśrodkować i nie powinno być problemu.