[CSS] Dziwny problem - rozmiary elementow liniowych Opcje

[impuls2003]

Problem jest taki:
Mam sobie na gorze ciag elementow liniowych. i teraz trzeba sumie koszyka 0.00 nadac odpowiednia wysokosc i szerokosc (zeby wyposrodkowac i zeby przykrylo rowno tlo). Z tego co wiadomo IE nie obsluguje szerokosci i wysokosci dla elementow liniowych ani tez inline-block.

Przed

[HTML] pobierz, plaintext 
.poziom1_koszyk {
	display: inline;
	width: 68px;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	clear: right;
	margin: 0;
	padding: 0;
}
[HTML] pobierz, plaintext 

Po

[HTML] pobierz, plaintext 
.poziom1_koszyk {
	display: inline-block;
	width: 68px;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	clear: right;
	margin: 0;
	padding: 0;
}
 
.poziom1_koszyk {
	display: inline;
	width: 68px;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	clear: right;
	margin: 0;
	padding: 0;
}
[HTML] pobierz, plaintext 

Ten drugi kod generuje dziwne rezultaty. I nie ma prawa dzialac a jednak cos sie zmienia.

-----------------------------------
Jak nalepiej ustawic rozmiary elementu liniowego.
Bo w tym drugim przypadku generuje on nie takie rozmiary jak chce.
Pozdrawiam.
-----------------------------------------
Kod jest ustawiony tak:

[HTML] pobierz, plaintext 
.poziom1 {
	border: 0;
	text-align: right;
	background: url(images/jastrzab3_03b.gif);
	width: 780px;
	height: 23px;
	margin: 0;
	padding: 0;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}
 
.poziom1_koszyk {
	display: inline;
	width: 68px;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	clear: right;
	margin: 0;
	padding: 0;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="poziom1">
<a href="#" onmouseover="ukryj('j2_04');" onmouseout="pokaz('j2_04');"><div style="display: inline;" id="j2_04"><img src="images/jastrzab2_04.gif"></div></a>
<a href="#" onmouseover="ukryj('j2_05');" onmouseout="pokaz('j2_05');"><div style="display: inline;" id="j2_05"><img src="images/jastrzab2_05.gif"></div></a>
<img src="images/jastrzab2_06.gif">
<div class="poziom1_koszyk">$sBasketSummaryAmount</div>
<img src="images/jastrzab2_08.gif">
<img src="images/jastrzab2_09.gif">
<a href="index.php?p=ordersBasket" onmouseover="ukryj('j2_10');" onmouseout="pokaz('j2_10');"><div style="display: inline;" id="j2_10"><img src="images/jastrzab2_10.gif"></div></a>
</div>
[HTML] pobierz, plaintext 

Ten post edytował impuls2003 23.08.2006, 17:40:20

[revyag]

Jeśli jakiemuś nieliniowemu elementowi nadasz style display:inline, to straci on wszystkie swoje właściwości i będzie się zachowywał jak tekst. Czyli nie nadasz mu ani wysokości, szerokości. Ani innych właściwości które nie wiem po co w tym kodzie masz

Kod

overflow: hidden;
clear: right;

Z tego co wiadomo IE nie obsluguje szerokosci i wysokosci dla elementow liniowych

poprawka, żadna przeglądarka nie obsuguje, bo tak ma być, to jest prawidłowe zachowanie.

[impuls2003]

Poki co experymentuje z ustawiniami.

Jak dalem zoom: 1
to element zostal liniowy, ale moge mu nadac szerokosc i wysokosc. Tylko co z tego jak tylko w IE pokazuje poprawnie

Teraz patrzac na kod na samej gorze:
poziom1_koszyk {display: inline-block}
poziom1_koszyk {display: inline}
IE powinien brac wartosc z ostatniej linijki, a jednak tez ustawia szerokosc i wysokosc (tez tylko na IE chodzi)

Ten post edytował impuls2003 23.08.2006, 21:22:58