Zaloguj się

**Heyek** · (Ten post był ostatnio modyfikowany: 13-03-2011, 16:43 przez Heyek.)

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 Wink

chciałbym żeby działało to mniej więcej tak: http://www.anmar-trans.pl/

Marys · 13-03-2011, 16:56

To zrób tego #top po za #global i określ mu width: 100% i zobacz co się stanie

**Heyek** · 13-03-2011, 18:13

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 Wink

Marys · 14-03-2011, 05:24

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>

**Kartofelek** · 14-03-2011, 14:49

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

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie