Centrer deux div centrés dans une div

Bonjour,

Je suis actuellement en formation en HTLM, CSS et cherche désespérément sur le web et dans des bouquins, depuis deux jours comment centrer deux div dans une div.

Pouvez-vous m'aider,

je cherche à réaliser un site ayant à peut près le même principe que celui-ci.
http://www.sortinorestaurant.com/


J'avoue être un peu perdue .

Merci de votre aide
mon code htlm est le suivant :

<div id="mainmenu">
    <div style="background-color:#3FC;  float:left " id="imagerama"></div>
    <div style="background-color:#6FF; float:left " id="home"></div>
</div>

et le CSS

#mainmenu {
	width : 100%;
	height: 500px;
	position: relative;
	margin:auto;
	padding:0px;
	top : 130px;
	background-color:#000;
	z-index:-3;
}

#imagerama {
	width:680px;
		height:500px;
		position:relative;
}
#home {
	width:680px;
height:500px;
position:relative;

Merci encore pour votre aide
Modifié par 6l20 (06 Jan 2014 - 00:37)

salut

essaye un inlineblock avec width a 50%
sur id="imagerama" & "home" et vire les float

Merci de ta réponse flooox,

Mais la div conteneur et les deux autres (imagerama" & "home") prennent la moitié de l'écran.

Peut être que je me suis trompé dans le code et que la div conteneur main menu n'a qu'un seul enfant de 1360 px. et que par la suite (comme sur le site, je rajoute à l’intérieur de cet enfant deux photo en background.

Qu'en penses-tu ?

merci de ta réponse

trop cool ce forum

RE

J'ai changé mon code

Le voici

#mainmenu {
	top: 100px;
  width: 100%;
  height: 500px;
  position: relative;
  background-color: #000000;	
}


#home {
width: 1362px;
  height: 500px;
  position: absolute;
  left:50%;
  margin-left:-680px
  }
  

Ca fonctionne mais j'ai du enlevé la balise imagerama que j'intégrerai à la balise home directement.

Merci flooox pour tes conseils
Modifié par cannele (06 Jan 2014 - 23:50)