Resolved Centering images next to eachother [Archive]

Vernier

06-10-2012, 02:14 PM

Hey, how can i center these next to each other?

http://img689.imageshack.us/img689/5003/1fdf8e4617f0431e9926eb2.png

HTML:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="menu">
<div class="header"></div>
<div class="social"></div>
</div>
<div id="firstrow">
<div class="advertise"></div>
<div class="slider"></div>
</div>
</body>
</html>

CSS:

body {
background-color: #F5F5F5;
font-size: 13px;
}

#menu {
height:64px;
}

.header {
background: url('../_images/Page_Header.gif');
background-repeat: repeat-x;
height: 64px;
margin:-9px;
position:relative;
left:0px;
top:0px;
z-index:-1;
width: 100%;
}

.social {
background: url('../_images/logo_social_03.gif');
background-repeat: no-repeat;
height: 64px;
position:absolute;
left:0px;
top:0px;
z-index:1;
width: 338px;
margin-left: 130px;
}

#firstrow {
width: 1100;
margin-left: auto;
margin-right: auto;
}

.advertise {
background: url('../_images/Advertise-Box.gif');
background-repeat: no-repeat;
height: 273px;
width: 351px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

.slider {
background: url('../_images/Slider.gif');
background-repeat: no-repeat;
height: 273px;
width: 727px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

Cheers :)