[opgelost] 3 plaatjes in de header

[wmaster]

Ik wil graag 3 plaatjes in mijn header verwerken die zich bij verschillende scherm afmetingen toch mooi over het scherm verdelen, nl.: 1 plaatje links, 1 plaatje gecentreerd en 1 plaatje rechts uitgelijnd.

Ik heb het volgende geprobeerd, maar dit gaat dus blijkbaar niet goed 

In de sjabloon:

In de css:

/* HEADER */
        div#header {
            margin: 0;
            padding: 0;
            height: 120px;
            background: transparent;
        }
        div#left {
            background:  url(uploads/pacelli/bakker-jos-185x84.gif) no-repeat 0 15px;
            float:left;
            display: block;
            height: 120px;
            width: 185px;
            margin: 0;
            padding: 0;
        }
        div#center {
            background:  url(uploads/pacelli/logo-hv-pacelli-84h.gif) no-repeat 0 15px;
            margin-left: auto;
            margin-right: auto;
            display: block;
            height: 120px;
            width: 190px;
            padding: 0;
        }
        div#right {
            background:  url(uploads/pacelli/arink-mercedes-248x84.gif) no-repeat 0 15px;
            float:right;
            display: block;
            height: 120px;
            width: 248px;
            margin: 0;
            padding: 0;
        }
/* END HEADER */

Ik wil het graag hebben als in mijn huidige HTML site : http://www.pacelli.nl

en in mijn nieuwe CMS site ziet het er nu zo uit : http://www.pacelli.nl/index.php

Wie kan mij een goede tip geven? 

[civictjai]

met procenten werken?

[wmaster]

Opgelost op de volgende manier:

Plaatje 1 Gecentreerd
Plaatje 3   > Rechts uitgelijnd


In het sjabloon:

     
       
     
                
     
     

In de CSS:

/* header */
div#header{border-bottom:1px solid #ff6666;width: 100%;height:110px; margin:0px auto;padding:0px;}
div#hbox{position:absolute;width:248px;height:84px;top:20px;right:8px;margin:0px; padding: 0px}
*html body div#hbox{margin: 0; padding: 0px 0}
div#header h1{width:185px;height:84px;margin:15px 0 0;padding:0px}
#words{position:absolute; width:200px;height: 84px;top:20px;left:40%}
#header h1{background: url(uploads/plaatje #1) no-repeat}
#words{background: url(uploads/plaatje #2) no-repeat;}
#hbox{background: url(uploads/plaatje #3) no-repeat;}

Special thanx to Mark ! Bedankt!

http://forum.cmsmadesimple.org/index.php/topic,13467.0.html