| 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: 17 let
|
|||
0