3 divs horizontal zentreiren

  • hallo,
    ich möchte 3 div container horizontal zentrieren. ich hab da mal etwas erstellt, allerdings werden die 3 container linkbündig nebeneinander gesetzt.

    Code
    <div style="background-color:#FFFFFF; width:1024; height:60; text-align:center">
    	<div style="background-image:url(images/bg-fo-l.png); margin:auto; width:30; height:60; float:left"></div>
    	<div style="background-image:url(images/bg-fo-m.png); margin:auto; width:90; height:60; float:left" align="center">Logo</div>
    	<div style="background-image:url(images/bg-fo-r.png); margin:auto; width:30; height:60; float:left"></div>
    	<div style="margin:auto; width:10; height:60; float:left"></div>
    	<div style="background-image:url(images/bg-fo-l.png); margin:auto; width:30; height:60; float:left"></div>
    	<div style="background-image:url(images/bg-fo-m.png); margin:auto; width:480; height:60; float:left">Banner und Logo</div>
    	<div style="background-image:url(images/bg-fo-r.png); margin:auto; width:30; height:60; float:left">
    </div>
    </div>

    wie lassen sich die 3 container auf der seite zentrieren??

    danke

  • Ich denk mal, das Beste wärs wenn du es mit fixen Positionen löst:

    Code
    <div style="position:absolute; left:140px; top:25px; background-color:#FFFFFF; width:1024; height:60; text-align:center">