[HTML] background annidati che si sovrappongono male

Andrea Alessandrini

Nuovo Utente
26 Apr 2017
2
0
1
44
Buiongiorno,
ottengo un comportamento strano che mi piacerebbe commentare con voi.



Vorrei inserire uno sfondo ed un bordo attorno ad un testo (dentro un div).
Per pare che un altro sfondo bianco me lo impedisca.


Ecco quello che succede.







HTML:
<div class="row">
           <div class="col-xs-3"
               style="border: 1px solid #C0C0C0;
                       border-radius: 10px;
                       background-color: #DCDCDC;"
                       >
               <div t-field="company.partner_id" t-field-options="{&quot;widget&quot;: &quot;contact&quot;, &quot;fields&quot;: [&quot;address&quot;, &quot;name&quot;], &quot;no_marker&quot;: true}"
               style="border: 1px solid blue;
                       border-radius: 10px;
                       background-color: yellow;"
               />
           </div>
       </div>

Importare fare presente che parte del html è generato da qweb (da qui i tag t-field), ma il problema mi pare di css.
 
Ultima modifica:

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
146
63
PR
www.borgo-italia.it
ciao
vuoi qualcosa del genere?

intanto mi sembra che tu non abbia chiuso un div cioe non vedo </div>, ne vedo tre aperti ma solo due chiusi, poi a parte il width che ho messo per farlo più piccolo
HTML:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
<div class="row">
    <div class="col-xs-3" style="border: 1px solid #C0C0C0; border-radius: 10px;background-color: #DCDCDC; width:50%; margin:auto;">
    0888888 barcellona
        <div t-field="company.partner_id" t-field-options="{&quot;widget&quot;: &quot;contact&quot;, &quot;fields&quot;: [&quot;address&quot;, &quot;name&quot;], &quot;no_marker&quot;: true}" style="border: 1px solid blue; border-radius: 10px;background-color: yellow;">
            spagna
        </div>
    </div>
</div>
</body>
</html>
p.s.
quando posti del codice racchiudilo con gli appositi bccode
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
146
63
PR
www.borgo-italia.it
ciao
hai tre div aperti
1) <div class="row">
2) <div class="col-xs-3"....>
3) <div t-field......>
mentre, almeno da quanto hai postato se non ti sei dimenticato o tralascato qualcosa vedo solo due </div>
di chiusura, da come hai scritto il div <div class="row"> non è chiuso