Problémový float blok v IE – CSS – Fórum – Programujte.com

Rozšířené hledání ›

Nejnovější témata ve fóru

16:26, Assembler šachový program

22:06, Startupy Megastroj.cz – Vše na jednom místě: půjčovna, bazar a inze…

21:17, Inzerce FPGA vývojová deska XILINX VIRTEX 5 ML507

20:59, OS - GNU / Linux Ubuntu a OpenSuse

21:47, Offtopic Digitalizace v Česku

10:10, Cinema 4D Export USDC do DaVinci Resolve

Stavba Laser Arény
Laser Game Brno

2 DIVy (normální + plovoucí):
Mám nastavené stejné horní okraje ale funguje to pouze ve FF
(IE nastaví nulu místo 1em )

Statický blok #textCentr je vycentrovaný (margin:auto) ale opět jen ve FF.
(IE centruje v prostoru vymezeném levým okrajem a r-FLOAT divem)

Napadají mě jen (zřejmě zbytečně) komplikovaná řešení



#divFloatR {

float:right;       /* plovouci vpravo */

display:inline;

margin: 1em;       /* všechny ve stejné výšce, 1em od kraje */

width: 300px;       

height: 300px;      

}

#textCentr {

margin: 1em auto;   /* všechny ve stejné výšce, doprostred */

width:300px;         

}



<body>



<div id="divFloatR">

 PRAVY

</div>



<div id="textCentr">

<p>............</p>

</div>



</body>

Ukázka (obsahuje navíc ve stylech barvy,rámečky - nemající vliv na výsledek):

Nahlásit jako SPAM

IP: 89.102.211.–

Khamos 0

Newbie

3. 1. 2008 #2

Nějak jsem nepochopil, co přesně chceš, ale pokud chceš mít statický blok vycentrovaný i v IE, musíš to celé ještě obalit do další divu, který bude mít vlastnosti text-align: center;.

Nahlásit jako SPAM

IP: 90.176.65.–

Petroff0

Věrný člen

5. 1. 2008 #3

To Khamos :
Potřebuji, aby vzhled = přesné rozmístění těch dvou bloků bylo ve FF, IE7 a Opeře shodné.
Správné je to, které mi zobrazuje Firefox:
> (1) statický blok je vycentrovaný (vodorovně) v OKNĚ
> (2) vertikálně jsou oba bloky nahoře zarovnané ve vzdálenosti 1em od horního okraje okna

!!! Opera a IE7 mi zruší nahoře mezeru u pravého plovoucího bloku (je ve vzdálenosti 0em od horního okraje okna)

!!! A IE7 navíc statický blok necentruje v okně, ale v prostoru mezi levým okrajem okna a levou hranou toho pravého bloku.

Zobraz si tu ukázku ve všech třech browserech a nějak to pochopíš.
Jestli znáš nějakou jednoduchou úpravu kódu , uveď ho pls celý (dyť jsou to 2-3 divy), díky.

P.S. Oba bloky mají určenou šířku, zatímco šířka body (= obalu) známá není.