+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Problem z tłem css (/thread-problem-z-tlem-css)
Problem z tłem css - Heyek - 13-03-2011
Witam, tworzę stronę internetową i chciałbym zrobić poziome menu na górze strony. Pod menu ma być inne tło niż całego projektu.
Chciałbym żeby pasek rozszerzał się wraz z rozmiarem okna przeglądarki, a nie miał określony rozmiar.
Mój kod :
Kod:
#top {
height: 103px;
background: url(images/bgtop.png) top left;
background-repeat: repeat-x;
background-position: center
}Jak określę szerokość paska to na dole przeglądarki pojawia się suwak. Proszę o pomoc
chciałbym żeby działało to mniej więcej tak: http://www.anmar-trans.pl/
RE: Problem z tłem css - Marys - 13-03-2011
To zrób tego #top po za #global i określ mu width: 100% i zobacz co się stanie
RE: Problem z tłem css - Heyek - 13-03-2011
sory za głupie pytanie ale co to znaczy "zrób #top po za #global ?
Ja dopiero zaczynam przygodę z html i css więc prosił bym troszkę jaśniej
RE: Problem z tłem css - Marys - 14-03-2011
a pliku html masz mniej więcej coś takiego:
Kod:
...
<div id="global>
<div id="top></div>
...
</div>jeżeli w css do top dodasz tło i dasz width: 100% i mówisz, że się rozjeżdża to zrób tak:
Kod:
<div id="top"></div>
<div id="global></div>RE: Problem z tłem css - Kartofelek - 14-03-2011
Masz 2 wyjścia:
1) dać odpowiednie tło na body - tak jest na tej stronie z linka
2) zbudowac layout na zasadzie "schodzenia w dol", czyli
<body>
<div width 100%> <--- jeden pasek tla
<div content width 960px>....</div> <-- czesc contentu
</div>
<div width 100%>
<div width 100%> <--- jeden pasek tla
<div content width 960px>....</div> <-- czesc contentu
</div>
<div width 100%>
<div width 100%> <--- jeden pasek tla
<div content width 960px>....</div> <-- czesc contentu
</div>
</body>
Oba sposoby są ok, ale ten 1 nie zawsze możliwy do zastosowania