Autor Zpráva
Mufna
Profil
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
Je to bug. Pokud odstraníš clear:both u patičky, bude vše ok. Můžeš patičku zkusit také floatovat.
Mufna
Profil
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
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">&nbsp;</div>
<div id="absolutni_blok2">&nbsp;</div>
<div id="absolutni_blok3">&nbsp;</div>
<div id="absolutni_blok4">&nbsp;</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
Mufna:

Dodej živou ukázku, jsem dost líný tvůj kód lovit odtud a skládat v editoru.
Mufna
Profil
Plaváček

tady to je
Mufna
Profil
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)

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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