[HTML][CSS]Dziwne zachowanie span, nie dziala pozycjonowanie RIGHT. Opcje

[lepmajster]

Mam dosc dziwny problem, w innym kodzie mi to dziala, a w tym nie.
Przygladalem sie i porownywalem oba kody (dzialajacy i ten niedzialajacy) i sa takie same, a mimo tego to mi nie dziala:

[CSS] pobierz, plaintext 
div.pasek {
	display: block;
	width: 700px;
	height: 20px;
	margin: 0px auto;
	background: url("images/grd.gif") repeat-x;
	border: 3px solid #000;
	border-bottom: 0px;
	padding: 5px;
}
span.button1 {
	display: inline;
	position: relative;
	top:2px;
	right: 5px;
	background: #292929;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #F00;
	text-transform: uppercase;
	font-weight: bold;
	padding: 2px 5px;
	border: 1px solid #000;
	cursor: pointer;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="pasek"><span class="button1" onclick="zamknij('okno1');">zamknij</span></div>
[HTML] pobierz, plaintext 

Mimo takiego ustawienia w css, button1 nie jest odsuniety o 5px od prawej krawedzi diva pasek, a jest sklejony z lewa krawedzia tegoz diva.
Gdy right zamienie na left:200px; to wszystko dziala, ale right juz nie, czemu?
Dodam ze juz kiedys robilem takie cos i nawet teraz patrzylem w tamten kod i wszystko jest tak samo zrobione jak tutaj (chyba ze cos przeoczylem), ale tam dziala, a tutaj nie.
Męcze sie juz z tym ponad 2 godziny i naprawde nie mam juz sil i pomyslow (IMG:style_emoticons/default/sad.gif)

Dodam tez, ze wszystkie naglowki DOCTYPE itp mam poprawne, takie same jak w tamtym dzialajacym kodzie.

Edit: Dalem sobie rade nadajac position:relative divovi, a position:absolute; right:5px; temu spanowi, ale pozostaje pytanie, czemu przed ta zmiana left,bottom i top dzialal, a right nie?

Ten post edytował lepmajster 24.07.2010, 12:05:08

[erix]

Daj position: relative dla diva, a absolute dla spana i z głowy.

[lepmajster]

Ok dziala - dzieki!
A mam jeszcze jedno pytanie, a nie chce otwierac drugiego tematu.
Mianowicie to moje okienko wyswietla flasha i ten pasek, jest do zamykania okienka (display: none;), ale w IE obojetnie jakiej wersji, gdy zamkne to okienko, to w tle nadal slychac muzyke z tego flasha.
Jak to zrobic, zeby go jakos zatrzymac, czy cos w tym stylu?
W innych przegladarkach, oprocz IE, po zamknieciu tegoz okienka, flash tez zostaje wylaczony - tylko nie w feralnym IE (IMG:style_emoticons/default/sad.gif)

Ten post edytował lepmajster 24.07.2010, 12:17:28

[erix]

Pokaż lepiej kod...

[lepmajster]

Narazie kod to nic skoplikowanego, poprostu div z flashem i zamykanie (display:none;) po nacisnieciu odpowiedniego buttona.
Tylko chodzi o to, aby bo zamknieciu diva, flash takze przestal dzialac, a teraz w IE nadal w tle slychac jego muzyke.
Kod jest robiony na localhoscie, wiec nie mam mozliwosci wstawienia flasha, zeby u Ciebie dzialalo, ale powiedzmy ze zrobie to z filmem youtube, ten sam efekt i tak samo dzwiek w IE nadal bedzie slyszalny, gdy zamkne diva:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function zamknij(id){
	var Element = document.getElementById(id);
	Element.style.display=Element.style.display=='none' ? 'block' : 'none';
}
</script>
<div id="okno1">
			<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/DSaIU4XjT44&amp;hl=pl_PL&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DSaIU4XjT44&amp;hl=pl_PL&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
</div>
<span onclick="zamknij('okno1');">Zamknij</span>
[HTML] pobierz, plaintext 

Teraz odpal to w IE, nacisnij play i zamknij okno, a dzwiek nadal slychac (czyli film nadal sie odtwarza)...

[erix]

Sprawa z flashem wygląda tak: wtyczka - teoretycznie - powinna zamrażać animację, jeśli jest ona chowana przez display: none.

Więc próbuj po kolei, któraś opcja zadziała:

• daj ID dla object/embed i im ustawiaj display: none.
• wymaż src
• zamiast chowania tych warstw - wymaż innerHTML

[lepmajster]

Dzieki pokombinuje (IMG:style_emoticons/default/smile.gif)

Zadzialalo tylko z innerHTML, ale wlasnie o to mi chodzilo (IMG:style_emoticons/default/smile.gif)
Dzieki raz jeszcze!