No replies
lincis
lincis's picture
Offline
newbie
Last seen: 6 years 11 weeks ago
Timezone: GMT+1
Joined: 2013-08-14
Posts: 1
Points: 2

Hey,

Im trying to centre the <div id="person_info" class="grid_7"> inside a <div class="container clearfix"> just underneath the two other divs. Basically I need the <div id="person_info" class="grid_7"> to align right in the middle of the container. It did not work with margin: 0 auto;Was for an hour trying to sort it out, could not. Can someone tell me what might the problem be for this? The code and image are added.


HTML:

<div class="container clearfix">
<div class="short_intro grid_6">
</div>
<div class="short_intro grid_6 omega">
</div>
<div id="person_info" class="grid_7">
</div>
</div>

style.css CSS:

#person_info {margin: 0 auto;}

grid.css CSS:

.grid_1 { width: 6.5%; } /* 65px/1000px = 0.065px */
.grid_2 { width: 15%; } /* 150px/1000px =  0.15px */
.grid_3 { width: 23.5%; } /* 235px/1000px = 0.235px */
.grid_4 { width: 32%; } /* 320px/1000px = 0.32px */
.grid_5 { width: 40.5%; } /* 405px/1000px = 0.405px */
.grid_6 { width: 49%; } /* 490px/1000px = 0.49px */
.grid_7 { width: 57.5%; } /* 575px/1000px = 0.575px */
.grid_8 { width: 66%; } /* 660px/1000px = 0.66px */
.grid_9 { width: 74.5%; } /* 745px/1000px = 0.745px */
.grid_10 { width: 83%; } /* 830px/1000px = 0.83px */
.grid_11 { width: 91.5%; } /* 915px/1000px = 0.915px */
.grid_12 { width: 100%; } /* 1000px/1000px = 1 */
 
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0 2% 1% 0;
	float: left;
	display: block;
}
 
.alpha{margin-left:0;}
.omega{margin-right:0;}
 
.container{
	width: 90%; /*width: 1000px;*/
	max-width: 1000px;
	margin: auto;
 
}

layout_0.jpg

Thank you

AttachmentSize
layout.jpg51.47 KB