Affiancare banner anche con monitor piccolo

[ghisirds]

Un saluto a tutti.
Ho un sito dinamico con larghezza che si adatta allo schermo, e devo inserire 2 banner in modo che stiano sempre affiancati anche se lo schermo si riduce.
I banner hanno dimensione di 468x60 pixel.
Io ho creato un div di larghezza doppia in cui vi ho inserito i due banner ed ho impostato gli attributi così:

<div align="center" width="936px" height="60px" margin="0">

Con lo schermo a 1280 i banner stanno affiancati ma se imposto 1024, i due banner me li impila lo stesso uno sopra l'altro, forse perchè ci sono dei margini, non so... ma se io volessi forzarlo a farli stare sempre affiancati indipendentemente dalla larghezza dello schermo, come dovrei fare?
Grazie


__________________
Non hai mai visto articoli regalo così! (gifts for birthday in inglese), forum per le scuole, case reggio

 

[onsitus]

Da provare...

<div style="width:936px; height:60px; margin:0; position:relative">
<img src="banner1.jpg" alt="" style="position:absolute; left:0;"/>
<img src="banner2.jpg" alt="" style="position:absolute;"/>
</div>

 

[ghisirds]

Da provare...

<div style="width:936px; height:60px; margin:0; position:relative">
<img src="banner1.jpg" alt="" style="position:absolute; left:0;"/>
<img src="banner2.jpg" alt="" style="position:absolute;"/>
</div>

non va... purtroppo mi fa vedere un banner solo.
Che si sovrapponga??

 

[onsitus]

Possibile...prova a cambiare il left:0; per un right:0;

Se hai il tutto online (o una pagina di prova), posta un link cosi si puo vedere l' html completo.

 

[ghisirds]

si, così funziona grazie.
ma per centrare il tutto come faccio?
grazie

 

[onsitus]

Non so come è fatto il resto della tua pagina, per centrare solo il div in rapporto alla finestra del browser:

<div style="width:936px; height:60px; position:absolute; left:50%; margin-left:-468px;">

 

[PoLe]

Non so come è fatto il resto della tua pagina, per centrare solo il div in rapporto alla finestra del browser:

<div style="width:936px; height:60px; position:absolute; left:50%; margin-left:-468px;">

Un altro metodo per centrare un div, che reputo decisamente migliore, e che centra il div in qualsiasi oggetto esso sia contenuto, è questo:

<div style='width:200px;height:....;[B][COLOR="Blue"]margin:0 auto;[/COLOR][/B]'>[I]...contenuto del div...[/I]</div>

:byebye:

 

[ghisirds]

ma non va bene un semplice align center?
che vantaggi ha il margin 0?
grazie

 

[PoLe]

...che vantaggi ha il margin 0?...

Ha il considerevole vantaggio di essere una metodologia cross-browser che al giorno d'oggi è di fondamentale importanza!

 

[ghisirds]

Ha il considerevole vantaggio di essere una metodologia cross-browser che al giorno d'oggi è di fondamentale importanza!

whats??
non comprendo....:crying:

 

[PoLe]

whats??
non comprendo....:crying:

Ops, scusami

Significa che il metodo "margin:0 auto;" è compatibile con tutti i browser attualmente in circolazione, cosa che, come puoi ben immaginare, risulta essere molto importante!

:byebye: