Banner Angolare

[Italians]

Salve a tutti,

sto cercando di realizzare un piccolo banner triangolare da apporre in fondo alla pagina nell'angolo di destra. Questo banner dovrebbe anche scrollare insieme alla pagina.

Purtroppo non riesco a realizzare un banner di questo tipo che vada bene con tutti i browser, per esempio con IE6 non funziona. Qualcuno potrebbe propormi qualche soluzione?

Grazie in anticipo.

[mucu]

dovresti mostrarci la pagina su cui stai facendo le prove
comunque per rottenere un effetto del genere crei un <p class="nomeascelta"> come ultimo elemento prima della chiusura del body
che contenga la tua immagine
e poi fai la regola per .nomeascelta

.nomeascelta {
   text-align: right;
   position: absolute;
   bottom: 0;
   z-index: 11111 /*per esempio poi sai tu se hai livelli liberi o no*/
}

[Italians]

Ciao, grazie per la risposta.

Ma con la soluzione da te posta il banner non scrolla insieme alla pagina, giusto?

[miki003]

Guarda QUI e scrolla

[Italians]

Hmm, forse mi sono espresso male.

Io vorrei realizzare una cosa tipo quella che c'è qui

Prendendo però il codice da quella pagina e facendo un confronto su browsershots, mi sono reso conto che quest effetto non si vede bene con tutti i browser :/

EDIT: Per esempio, con quel codice, facendo la prova su IE8 il banner va a posizionarsi in alto a sinistra e non scrolla, mentre con Firefox, Chrome e Opera si vede bene (dannato Internet explorer)

[miki003]

Originariamente inviato da Italians
Hmm, forse mi sono espresso male.

Io vorrei realizzare una cosa tipo quella che c'è qui

Prendendo però il codice da quella pagina e facendo un confronto su browsershots, mi sono reso conto che quest effetto non si vede bene con tutti i browser :/

EDIT: Per esempio, con quel codice, facendo la prova su IE8 il banner va a posizionarsi in alto a sinistra e non scrolla, mentre con Firefox, Chrome e Opera si vede bene (dannato Internet explorer)

Sr hai pazienza più tardi ti faccio un'altro esempio ora che ti sei spiegato meglio

[mucu]

Originariamente inviato da Italians
Hmm, forse mi sono espresso male.

beh hai detto esattamente il contrario
comunque basta che metti fixed invece che absolute

[miki003]

Ecco QUI l'esempio prova a scrollarlo

[Italians]

Originariamente inviato da miki003
Ecco QUI l'esempio prova a scrollarlo

Grazie mille, sembra funzionare correttamente

(l'ho provato con Chrome, Chromium, Opera, Firefox, Internet Explorer 8, Iceweasel e Epiphany)

Per caso funziona anche su Internet Explorer 5 e 6? Perché la mia perplessità è che IE 6 non supporta il parametro fixed

Solo un'ultima cortesia, mi potresti spiegare un po' questa parte di codice:

<script type="text/javascript"> var gaJsHost = (("https:" == 
document.location.protocol) ? "https://ssl." : "http://www."); 
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' 
type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript" 
src="http://club.interfree.it/js/analytics_user.js"> </script>

perché di javascript so veramente poco.


Per fare in modo che il banner funga da link basta inserire il tag <a></a> all'interno del div o devo agire sul codice postato sopra?

Grazie ancora

[Italians]

Hmm, non riesco a far diventare un link quel banner in background o meglio, se scrivo:

<div class="banner"></div>

me lo dà non valido per l'xhtml strict

Come posso fare per far si che il banner fisso diventi anche un link?