I have two divs on my home page. I have set it so that they will float left but I had to get rid of the margin-left margin-right thing in order to put some space in between them, so thay aren’t centered. So when some one opens them up in a browser and changes the size of browser window the div on the right slides under the div on the left. How do I fix it so that when some one changes there browser window it stay centered?
[URL=http://www.zipzapgaming.com]See for yourself.
[CODE].newgame {
color: #FFFFFF;
overflow: hidden !important;
background: #333333;
border: 1px solid #000000;
height: 165px;
width: 49%;
float: left;
margin: 0px;
margin-left: 2px;
margin-right: auto;
padding: 0px;
}
.newgame h1 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background: url(http://www.zipzapgaming.com/images/block_subhd.gif) repeat;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin: 0px;
padding: 3px;
}
.newpost {
color: #FFFFFF;
overflow: hidden !important;
background: #333333;
border: 1px solid #000000;
height: 165px;
width: 49%;
float: left;
margin: 0px;
margin-left: 3px;
margin-right: 2px;
padding: 0px;
}
.newpost h1 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background: url(http://www.zipzapgaming.com/images/block_subhd.gif) repeat;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin: 0px;
padding: 3px;
}