dividere header in due posizioni

[pakycs]

Vi spiego il mio problema:
Ho creato un template con  (cut moederazione: no riferimenti commerciali grazie!)  dopodiché non avendo una posizione header l'ho creata mettendo nel file index.php del template la posizione in questo modo:

<div class="art-Header">
    <div class="art-Header-png"></div>
    <div class="art-Header-jpeg"></div>
   <div id="header"><jdoc:include type="modules" name="header" /></div>
</div>

aggiungendo solo la parte in grasseto.
Facendo questa modifica sono riuscito a mettere delle immagini nel header sfruttando un componente che le fa ruotare, ecc.
Quello che ora voglio fare è appunto dividere in 2 parti l'header.
al momento l'header occupa tutta la parte superiore io la vorrei dividere dove nella parte destra rimane l'header che ruota (ridimensionandolo) e dalla parte sinistra la nuova posizione header1 dove mettere altro.
attualmente tutto l'header è di circa 900px di larghezza. mi servirebbe la parte destra di un 600px e la sinistra (da creare) di 200px.
Spero mi sono spiegato.
bisogna mettere mano sia al file index.php che al file template.css
spero qualcuno di voi possa aiutarmi. Aspetto risposte.
Ps. sono in locale.

[conti1]

ciao
evitiamo nomi commerciali grazie

allora x dividere il tuo header ti devi creare una nuova posizione e affiancarla a qiella esistente  ti crei il css della nuova posizione   ricordati che  di dare il fload:left  sia alla nuova che  a quella gia esistente altrimenti non si affianca.
qui una guida
http://wiki.joomla.it/index.php?title=Come_aggiungo_nuove_posizioni_modulo%3F

[pakycs]

Grazie per la risposta. ho creato due moduli chiamandoli header1 e header2 seguendo quella guida.
nell'index.php ho aggiunto questo codice:

<?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('header1')) : ?>
      <div id="header-1">
        <jdoc:include type="modules" name="header1" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>
 
 <?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('header2')) : ?>
      <div id="header-2">
        <jdoc:include type="modules" name="header2" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>

questo subito prima del codice <div class="art-Header">

e nel file template.css alla fine ho aggiunto questo codice:

#header-1 {
 float: left;
 width:80%}
 
 #header-2 {
 float: left;
 width:80%}

ovviamente nel file templatedetails.xml ho aggiunto le posizioni:
   <position>header1</position>
   <position>header2</position>

Ora però ho i due header uno sopra l'altro, come faccio a metterli affiancati e regolarmi le due rispettive dimensioni?

[conti1]

ciao
scusa prova a fare 80%+80%=?
tu ha un header di quella lunghezza?
prova a mettere 50%

posta anche un link del sito