Autor Zpráva
Mufna
Profil
Zdravím Vás. Po nějakém čase mám problém s CSS, a světe div se, pouze v IE (ale hned ve všech verzích - 6, 7 i 8).

Mám pět sloupců, všechny s float:left, pevnou šířkou a height, resp. min-height 120px. Obalový div má taky pevnou šířku. A teď potřebuji, aby se mi do celého pětisloupcového divu zobrazily vpravo dole 2 obrázky - odkazy. Všude mi to funguje (FF, Opera, Safari a pár dalších), jen v IE ne.

Konstrukci mám (v kostce = důležité vlastnosti) takto:

#floatBlocks {
	position:relative;
	width:786px;
	font-size:11px;}

#blockA, #blockB, #blockC, #blockD, #blockE {
	 float:left;
	 display:inline;			/* odstrani chybu dvojity margin v IE */
	 height:auto;
	 min-height:120px;
	 _height:126px;
                 padding:3px;
	 text-align:center;
	 overflow:hidden;}

pak pro každý blok zvlášť definuju šířku a další vlastnosti - background apod.

a nakonec definování pro ten absolutní div, který je vpravo dole

#inBlockLinks {
	position:absolute;
	right:10px; bottom:0;}


V kódu (mám to hozený do PHP - jedná se o zobrazení jedné položky nemovitosti) to pak mám řazený normálně za sebou, tzn. takto:

<div id="floatBlocks">	
	<div id="blockA"> bla </div>
	<div id="blockB"> bla </div>
	<div id="blockC"> bla </div>
	<div id="blockD"> bla </div>
	<div id="blockE"> bla </div>
                <div id="inBlockLinks">
                     <span><a href=""><img src="1. obr"></a></span>
                     <span><a href=""><img src="2. obr"></a></span>
               </div>
</div>
Mufna
Profil
Vyzkoušel jsem dát "pevnou" výšku i obalovému divu, ale nepomohlo to

#floatBlocks {
	position:relative;
	width:786px;
                height:120px; /* zkusil jsem i víc - třeba 150px, ale nic */
	font-size:11px;}

Mufna
Profil
Taky jsem vyzkoušel dát výšku tomu absolutně pozicovanému prvku

#inBlockLinks {
	position:absolute;
height:30px;
	right:10px; bottom:0;}



ale taky nic, ach jo :-| Takže pevná výška, ať je kdekoliv či v jakékoliv kombinaci, taky nezabírá

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: