[CSS] Problem związany z belką na stronie Opcje

[Przem4S]

Witam mianowicie, nie potrafię ułożyć odpowiednio zawartości belki, z niewiadomych mi przyczyn logo które zamieszczam zajmuje obszar całej zawartości belki. Wygląda to tak:

(IMG:http://img838.imageshack.us/img838/4672/70237152.png)

Szerokość strony: 980px.

CSS:

[CSS] pobierz, plaintext 
/*
	Górna belka
*/
 
#gorna_belka {
	height:48px;
	width:100%;
	background:url('images/belka.png') repeat-x;
}
 
#zawartosc_belki {
	width:980px;
	margin:0 auto;
}
 
.logo {
	background:url('images/logo.png') no-repeat;
	height:48px;
}
[CSS] pobierz, plaintext 

HTML:

[HTML] pobierz, plaintext 
	<div id="gorna_belka">
		<div id="zawartosc_belki">
			<a href="#"><div class="logo"></div></a>
			<a href="#">Odnośnik 2</a>
			<br>
		</div>
	</div>
[HTML] pobierz, plaintext 

Strona:

http://przem4ss1.host.sk/

lub

klik!

Pomożecie?

Ten post edytował Przem4S 15.02.2011, 22:13:43

[Damonsson]

1. Nadaj mu width:
albo
2. Wątpię, że na logo będziesz coś pisał, nie możesz dać tego jak <img> ?

[Przem4S]

Z width nadal to się nie zmienia, chcę to zrobić w divie bo nawet jak zrobię w img to potem problem się pojawi znów po belce. Chodzi o to że odnośnik przyjmuje długość 980px, a sam obrazek wyświetla poprawnie.
Strona: http://przem4ss1.host.sk/

Ten post edytował Przem4S 15.02.2011, 22:12:58

[Damonsson]

Ooo sorry, nie spojrzałem na html, nie możesz umieszczać elementu blokowego w liniowym.

Możesz zrobić taki myk:

[CSS] pobierz, plaintext 
.logo {
	background:url('images/logo.png') no-repeat;
	height:48px;
	width: 200px;
	display: block;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="gorna_belka">
		<div id="zawartosc_belki">
			<a class="logo" href="#"></a>
			<a href="#">Odnośnik 2</a>
			<br>
		</div>
	</div>
[HTML] pobierz, plaintext 

Ten post edytował Damonsson 15.02.2011, 22:22:33

[Przem4S]

Tak jak tłumaczę dziwnie to wygląda nawet po nadaniu width, stronę możesz zobaczyć tutaj. Width jest jeden dla treści (szerokość 980px), i potem na logu te 183px, lecz mimo to obrazek wyświetla poprawnie ale linkuje całe 980px.

Problem został rozwiązany dzięki Damonsson.

Ten post edytował Przem4S 15.02.2011, 22:34:21