Forum:Problem related to WikiaGrid

Column 1 Column 2 Sidebar I used above syntax for a wiki's main page. But the layout appeared to be broken because of the left margin of the first grid-2. Take a look on next CSS I found. .WikiaGrid .grid-2 { width: 330px; } .WikiaGrid .grid-1, .WikiaGrid .grid-2, .WikiaGrid .grid-3, .WikiaGrid .grid-4, .WikiaGrid .grid-5, .WikiaGrid .grid-6 { display: inline; float: left; margin: 0 0 0 10px; } 330px*3 + 10px*3 = 1020px

The layout is 1010px wide (+10px of margin on each of left and right side, which forms 1030px in total.) 10px overflow 10px Grid-2 (330px) 10px Grid-2 (330px) 10px Grid-2 (330px)

So I manually added  to the first Grid-2 to avoid having this unintended overflow. Is it normal that I have 10px of left margin beside the first Grid-2? I wanna know if my tags are incorrect. Thanks.


 * Add an "alpha" class to the first column. —mfaizsyahmi (talk) 04:31, October 20, 2012 (UTC)