Autor | Zpráva | ||
---|---|---|---|
Mufna Profil |
#1 · Zasláno: 13. 9. 2009, 16:37:12 · Upravil/a: Mufna
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 |
#2 · Zasláno: 13. 9. 2009, 16:59:56 · Upravil/a: swetko
a čo skúsiť background-color:transparent;
//neskúšal som prakticky tvoj problém |
||
panther Profil |
#3 · Zasláno: 13. 9. 2009, 17:48:39
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 |
#4 · Zasláno: 13. 9. 2009, 17:54:30
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 |
#5 · Zasláno: 13. 9. 2009, 18:22:06
Mufna
zkus to nahrát někam na server a dej sem odkaz. Chybu někde přehlížím. |
||
Mufna Profil |
#6 · Zasláno: 13. 9. 2009, 18:38:46
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 |
#7 · Zasláno: 13. 9. 2009, 18:40:25
Mufna
kdybys dal odkaz, dalo by se ti poradit konkrétně. |
||
Mufna Profil |
#8 · Zasláno: 13. 9. 2009, 19:09:19
panther
dík, věřím, že bys poradil. Už to mám vyřešený .colorbox1, .colorbox2 { clear:both; width:100%; overflow:hidden;} |
||
Časová prodleva: 15 let
|
0