Autor Zpráva
Mufna
Profil
Zdravím Vás. Mám konstrukci, kdy obalový <div> má definováno pozadí (barva + obrázek) a uvnitř se nacházejí 2 divy s float:left, bez pozadí. Má se v nich zobrazovat pozadí obalového <divu>u. IE (6 ani 7, 8 nevím) ho ale nezobrazí (pozadí je bílý). Když pokusně zmenším velikost vnitřních divů (aby se nezobrazovaly do celé šířky), tak to pozadí tam částečně vidím. Takže ty 2 floatovaný divy ho "ruší". Konstrukce:
CSS:
.content {width:650px;}

.colorbox1 {background:#faffed url(../images/dot_green.gif) right bottom repeat-x;}
.colorbox2 {background:#f6ffdc url(../images/dot_green.gif) right bottom repeat-x;}

/* zkoušel jsem dát ".colorbox {bg !important}", nepomohlo */

div.left1, div.right1 {
	float:left;
	background:none;                /* zkouska - nepomohlo */
	background:transparent;}   /* zkouska - nepomohlo */

div.left1 {	width:470px;
	padding-left:15px;
	color:#25532d;
	text-align:left;}

div.right1 {width:150px;
	padding-right:15px;
	color:#25532d;
	text-align:right;}

XHTML:
<div class="content">
   <div class="colorbox1">
      <div class="left1">
         <p><img src="../images/icon2.gif" width="20" height="15" alt="" /><?php print($txt1[0]);?></p>
         <p class="desc"><?php print($txt2[0]);?></p>
      </div>
      <div class="right1">
         <p> <?php print($txt3[0]);?></p>
      </div>
      <div class="cleaner"><hr /></div>
   </div>
   <div class="colorbox2">
              atd.
   </div>
</div>
swetko
Profil
a čo skúsiť background-color:transparent;
//neskúšal som prakticky tvoj problém
panther
Profil
swetko
a čo skúsiť background-color:transparent;
nepomůže, background a background color dělají totéž, je-li zadána jen samotná barva.

Mufna
když bys dal odkaz na stránku, podíval bych se, kopírovat tvůj kód se mi nikam nechce. Nicméně, jak máš v CSS definovaný „.cleaner“?
Mufna
Profil
panther
jak máš v CSS definovaný „.cleaner“
Takhle (je to nějak postaru, tam kde to používám to funguje, takže jsem to neměl potřebu řešit jinak)
.cleaner {
	clear:both;
	height: 0;
	content: ' ';
	overflow:hidden;}

.cleaner hr {
	display:none;}
panther
Profil
Mufna
zkus to nahrát někam na server a dej sem odkaz. Chybu někde přehlížím.
Mufna
Profil
Zatím jsem to vyřešil pro IE 7 (takže asi i 8) + FF a spol. tuhle konstrukci berou, i když pro ně jsem to tady ani nepotřeboval
.colorbox1, .colorbox2 {
    clear:both;
    overflow:hidden;}


IE 6 ale na tohle nezabírá
panther
Profil
Mufna
kdybys dal odkaz, dalo by se ti poradit konkrétně.
Mufna
Profil
panther
dík, věřím, že bys poradil. Už to mám vyřešený
.colorbox1, .colorbox2 {
    clear:both;
    width:100%;
    overflow:hidden;}

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: