| Autor | Zpráva | ||
|---|---|---|---|
| Mufna Profil |
#1 · Zasláno: 21. 12. 2009, 11:34:08 · Upravil/a: Mufna
Zdravím Vás. Mám několik absolutně pozicovaných prvků (v HTML kódu jsou uvedeny jako první), za nimi následují dva hlavní bloky s float:left, nakonec pak footer s clear:both. V IE (6 i 7) mi ty absolutně pozicované prvky zmizí (nezobrazí se). Kód mám takto:
#page {
width:100%;
min-width:970px;
margin:auto;
}
#content {
position:relative;
width:970px;
margin:auto;
}
// vše následující je uvnitř #content
absolutni_divy_1-4 {
position:absolute;
top:neco;left:neco;
width:neco v px;
height:neco v px;
}
#mainblock1 {
margin-top:220px;
float:left;
width:28%;
height:300px;
}
#mainblock2 {
margin-top:370px;
float:left;
width:72%;
height:160px;
}
#footer {
clear:both;
height:50px;
}
Pomůže mi nějaký jednoduchý zásah ? |
||
| Railbot Profil |
#2 · Zasláno: 21. 12. 2009, 12:22:01
Je to bug. Pokud odstraníš clear:both u patičky, bude vše ok. Můžeš patičku zkusit také floatovat.
|
||
| Mufna Profil |
#3 · Zasláno: 21. 12. 2009, 13:15:20 · Upravil/a: Mufna
Railbot
Je to bug Já vím Pokud odstraníš clear:both u patičky, bude vše ok V IE7 to pomůže, ale v IE6 ne. A vznikne mi pak zase problém s FF, ten pak neudělá obrázek na pozadí u #content - no to bych dejme tomu mohl vyřešit nějak jinak ... ale to IE6 vadí :-( EDIT: Jo tak v IE6 pomohlo floatovat patičku ... ale je to teda sakra zase složitý kódování místo hezkýho a jednoduchýho :-( Takže díky, Railbote |
||
| Mufna Profil |
#4 · Zasláno: 21. 12. 2009, 14:27:43 · Upravil/a: Mufna
Tak jsem s tím ještě zkusil trochu zašachovat, protože bych potřeboval i ten BG v FF + potřebuju patu nataženou na 100% a teprve vnitřek paty svázat rozměrem 970px. V IE 7 a FF je to OK, IE 6 pořád nezobrazí ty absolutně pozicovaný bloky (všiml jsem si, že dělá problémy hlavně tehdy, pokud je v patě uveden jakýkoliv rozměr "šířka", no jo, jenže já tomu šířku dát potřebuju)
Patu jsem upravil takto:
#footer {
float:left;
clear:both; /* clear jsem nakonec použil a IE 7 s tím problémy v tomto případě nemá */
width:100%;
height:50px;
}
#footer p {
width:970px;
margin:auto;
margin-top:0;
}
HTML mám takto:
<div id="page">
<div id="content">
<div id="absolutni_blok1"> </div>
<div id="absolutni_blok2"> </div>
<div id="absolutni_blok3"> </div>
<div id="absolutni_blok4"> </div>
<div id="mainblock1">
<div id="mainblock2In">
<p> Block1 p1 ........</p>
<p> Block1 p2 ........</p>
</div>
</div>
<div id="mainblock2">
<div id="mainblock2In">
<p> Block2 p1 ........</p>
<p> Block2 p2 ........</p>
</div>
</div>
</div> <!-- end of #content -->
<div id="footer">
<p> vnitřek footeru - vycentrovaný a široký 970px </p>
</div>
</div> <!-- end of #page -->
Nejde ten IE6 "umoudřit" nějak jinak ? |
||
| Plaváček Profil |
#5 · Zasláno: 21. 12. 2009, 14:51:13
Mufna:
Dodej živou ukázku, jsem dost líný tvůj kód lovit odtud a skládat v editoru. |
||
| Mufna Profil |
#6 · Zasláno: 21. 12. 2009, 15:11:50
|
||
| Mufna Profil |
#7 · Zasláno: 21. 12. 2009, 15:56:32 · Upravil/a: Mufna
Plaváček
:-) už to mám, vyřešeno "neviditelným" cleanerem mezi absolutně pozicovanými prvky a následujícími floatovanými ... taky jsem občas líný a proto se pak tady někdy ptám, a nakonec si to sám najdu (tohle jsem ale musel najít v angličtině - brrrr :-) - s tou leností je to hrozný, co ? (nemyslím to samozřejmě ve zlým) |
||
|
Časová prodleva: 14 let
|
|||
0