[Css] 2 div problema

[sonny7y7y7y7y7y]

Ciao ho un problemini con 2 div
sono all'interno della colonna centrale (div anchessa)

#colcentr {
font-family:Arial, Helvetica, sans-serif;
width: 79% ;
vertical-align:top;
border-top:1px solid white;
padding: 0px 10px 0px 10px;
}

primo div:
width:50%;
float:left;
text-align:center;
border-right:1px solid black;
border-bottom:1px solid black;
background-color:#9999CC; background-image:url(pcgameimage/bghead.gif); background-repeat: no-repeat;
background-position: left;

Secondo div:
width:50%;
float:right;
text-align:center;
border-left:1px solid black;
background-color:#9999CC ;
border-bottom:1px solid black; background-image:url(pcgameimage/bgheadright.gif); background-repeat: no-repeat;
background-position: right;

Il probòlema ce l'ho con firefox, il secondo div
va a capo (se tolgo i margini invece e' perfetto

Come posso risolvere?
Grazie
ciaooo

[Mich_]

E` ovvio. Vedi la disequazione:
50% + 50% + bordi vari > 100%
Quindi non ci sta e il secondo div va sotto.

Puoi ridurre un pelo la larghezza (ad esempio 49% e 49%).

Al limite (per sistemare anche per IE) puoi fare:
width: 49% !important;
width: 50%;

[sonny7y7y7y7y7y]

Allora ho risolto con important il problema dell'andare a capo

pero' ora mi e' apparsa con firefox uno spazio in mezzo ai 2 div
se metto float del secondo div su left sparisce pero' cosi' non sono centrati....

Non c'e un modo per colorare il padding?
Cosi' faccio un pixel di padding nero e mi cavo il pensiero...

Grazie

[Mich_]

Originariamente inviato da sonny7y7y7y7y7y
Non c'e un modo per colorare il padding?
Cosi' faccio un pixel di padding nero e mi cavo il pensiero...

Grazie

Non credo che vedi il padding, ma lo sfondo del blocco contenitore.
Prova a mettere un colore di sfondo (background-color) nel blocco contenitore (mi pare che per te sia "colcentr").

Oppure metti come larghezze 49.5% o simile (ma questo cambia chiaramente a seconda della risoluzione, cioe` della larghezza effettiva in px del contenitore).

[sonny7y7y7y7y7y]

Lo so' che quello che vedo e' il background dell div contenitore, ma quello mi serve bianco,

Quindi non c'e' un modo per allineare i 2 div in maniera corretta con il bordo....
Mi ripeto e' possibile colorare il padding, o la sola proprieta' che possiede e' la misura?

[Mich_]

Il padding ha il colore dello sfondo, mentre il margin ha il colore dello sfondo dell'elemento contenitore. Non e` possibile settarli in modo indipendente (non avrebbe senso).

Invece il border puo` essere settato a piacimento.

Rivediti comunque il box-model: ho l'impressione che confondi margin con padding.

---
Eventualmente se hai bisogno di un margin/padding di colore diverso che non puoi risolvere con il border, puoi inserire un box dentro un altro.