| Autor | Zpráva | ||
|---|---|---|---|
| Mufna Profil |
#1 · Zasláno: 14. 9. 2008, 21:26:02
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 |
#2 · Zasláno: 14. 9. 2008, 21:47:33
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 |
#3 · Zasláno: 14. 9. 2008, 21:55:32
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á |
||
|
Časová prodleva: 16 let
|
|||
0