CSS Display table cell margin not working

Question

Display table cell margin not working..try to add margin in percentage but not working. Here is my html code

<div class="mainbody clearfix">
<div class="leftpart">&nbsp;</div>
<div class="rightpart">&nbsp;</div>
<br>
<br>
.
.
.
<br>
<div class="cl"></div>
</div>

Here is my CSS code

.mainbody{
width:100%; 
display:table; 
margin:12px 0px 0px 0px;
}

.leftpart{
width:23%; 
display:table-cell;  
background-color:#ededed; 
border-right:solid 1px #a7a7a7; 
margin-right:2%; 
}

.rightpart{ 
width:75%; 
display:table-cell; 
background-color:#ccc;   
}

please help me

This is a duplicate of http://stackoverflow.com/a/16398904/2388219 and has the solution you are after. — Ming, Dec 02 '13 at 03:57
i want border-spacing only one side in div Like Product listing page (leftside product link and right side product thumbs ) — Ravi Gadhiya, Dec 03 '13 at 13:25

score 0 · Answer 1 · edited Dec 02 '13 at 04:14

0

Using float:left to the class would apply margin to the Div. But not sure if this solves your problem.

edited Dec 02 '13 at 04:14

Pbk1303

3,702
2
32
47

answered Dec 02 '13 at 03:56

Kishori

1,065
6
12

yes, margin apply but i have already tried height is not working..(not 100%). – Ravi Gadhiya Dec 02 '13 at 04:23

CSS Display table cell margin not working

1 Answers1