Au Café
Maggio 18, 2012, 04:18:59 am *
Benvenuto! Accedi o registrati.

Accesso con nome utente, password e durata della sessione
Notizia: Andrea e` in ferie per qualche giorno, scusate il ritardo nelle risposte!
 
   Indice   Aiuto Ricerca Accedi Registrati  
Pagine: [1]
  Stampa  
Autore Discussione: Div.Topbanner deallineato con CHROME e SAFARI [RISOLTO]  (Letto 980 volte)
antagonia
Newbie
*
Messaggi: 6


Mostra profilo
« inserita:: Gennaio 20, 2009, 09:07:50 am »

Buona sera a tutti e ben trovati.
Volevo sapere gentilmente come faccio ad allineare al centro il div.topbanner che genera un qualsiasi layout per myspace.
Ho cercato di modificarlo, ma purtroppo sono ci riuscito per i browser FF,IE,OPERA,FLOCK ma non per CHROME e SAFARI, in pratica mi sposta di 2px circa a destra l'immagine che voglio compaia come topbanner appunto.
Questo è il codice:

Codice:
<style type="text/css"> body{ margin-top: 395px;}
div.topbanner { position:absolute;
    top: 0; left:198.9px !important;
padding: 0em 0em 0em 0em;height: 395px;
border:none;border-width:0px;}
</style>
<div class="topbanner"><img src="http://i231.photobucket.com/albums/ee127/senzaessenzaband/sfondo_top_myspace_band.jpg"></div>

potete verificare voi stessi.
http://www.myspace.com/senzaessenzaband

Vi ringrazio della gentilezza...a presto Felice
« Ultima modifica: Gennaio 22, 2009, 01:53:48 am da ilnissardo » Registrato
ilnissardo
Administrator
Hero Member
*****
Messaggi: 709



Mostra profilo WWW
« Risposta #1 inserita:: Gennaio 21, 2009, 04:00:25 am »

Di due px?!? :-) Non ti metto lo screenshot di come la vedo io con la mia risoluzione altrimenti ti metti a piangere :-) Praticamente tutta sfasata. Prova tu stesso, cambia la risoluzione del tuo schermo ad una piu` grande a guarda il risultato.

La soluzione e` abbastanza semplice, invece di usare un valore in px per il margine sinistro del topbanner, usa un valore in percentuale e vedrai che la visualizzazione sara` perfetta su tutti i browser e a tutte le risoluzioni.

Inizia provando cosi:
Codice:
<style type="text/css"> body{ margin-top: 395px;}
div.topbanner { position:absolute;
    top: 0; left:50% !important;
padding: 0em 0em 0em 0em;height: 395px;
border:none;border-width:0px;}
</style>
<div class="topbanner"><img src="http://i231.photobucket.com/albums/ee127/senzaessenzaband/sfondo_top_myspace_band.jpg"></div>
E diminuisci il 50% fino a che non ottieni quello che vuoi.

Ti prego di farmi sapere se risolvi cosi posso chiudere il post.
Registrato
antagonia
Newbie
*
Messaggi: 6


Mostra profilo
« Risposta #2 inserita:: Gennaio 22, 2009, 12:06:34 am »

ti ringrazio sei stato molto gentile..adesso funziona ma...
Premetto la risoluzione dello schermo è di 1440x900 per 19".
Ho dovuto abbassare la percentuale del left dal 50% al 14%.
Nonostante tutto stia provando a giocare con le percentuali, c'è sempre qualche browser che da problemi per un 0.1%

Se metto 14% FF,OPERA,FLOCK,SAFARI e CHROME sono ok, l'unico è IE che lo sposta un pochino a sinistra..
Se metto 13.98/99% ho problemi con CHROME e SAFARI
Insomma...da sta cosa non se ne esce.
L'unica cosa che posso fare è togliere il bordino bianco dell'immagine!
Vabbè dai lo puoi chiudere..

Ti ringrazio sei stato mooolto gentile Felice
Alla prox Occhiolino
Registrato
ilnissardo
Administrator
Hero Member
*****
Messaggi: 709



Mostra profilo WWW
« Risposta #3 inserita:: Gennaio 22, 2009, 01:53:21 am »

Puoi anche fare un altra cosa.. se non ti serve che il top banner sia cliccabile:
metti il banner direttamente sullo sfondo, cioe` dentro l'immagine di background, poi usi esattamente lo stesso codice che hai gia` usato ma lasci la parte del div vuota.
Il tuo profilo fara` come se il div ci fosse sempre e quindi si abbassera` di conseguenza, mostrando cosi quella parte di background.

Cosi sei tranquillo che l'allineamento sara` sempre corretto :-)
Registrato
antagonia
Newbie
*
Messaggi: 6


Mostra profilo
« Risposta #4 inserita:: Gennaio 26, 2009, 12:36:03 am »

scusami, se insisto con questo post...allora ho fatto come mi hai detto, si la soluzione potrebbe anche andare bene, ma...se lascio le impostazioni che ho, tutto lo space mi scorre sopra la scritta e non va bene:

Questo è il codice del background
Codice:
body, .bodyContent {
       background-color:000000;
       background-image:url('http://i231.photobucket.com/albums/ee127/senzaessenzaband/sfondo_myspace_band-1.jpg');
       background-position: Top Center;
       background-attachment:fixed;
       background-repeat:no-repeat;
       scrollbar-face-color:001100;
       scrollbar-highlight-color:BBDDBB;
       scrollbar-3dlight-color:779977;
       scrollbar-shadow-color:335533;
       scrollbar-darkshadow-color:113311;
       scrollbar-arrow-color:DDFFDD;
}

Ho capito che è il fixed che mi fa scorrere lo space sopra la scritta posta in alto, quindi ho tolto il fixed, ma adesso ho il problema di dover far arrivare l'immagine di backgound alla fine dello space, perchè adesso si è accorciata...

Quindi adesso che faccio?Faccio un backgoound di 1024x6000?
Ti ascolto...grazie mille
Registrato
ilnissardo
Administrator
Hero Member
*****
Messaggi: 709



Mostra profilo WWW
« Risposta #5 inserita:: Gennaio 26, 2009, 12:48:46 am »

scusami, se insisto con questo post...allora ho fatto come mi hai detto, si la soluzione potrebbe anche andare bene, ma...se lascio le impostazioni
che ho, tutto lo space mi scorre sopra la scritta e non va bene:
...
Quindi adesso che faccio?Faccio un backgoound di 1024x6000?

In effetti al fixed non ci avevo pensato.. Ma la soluzione pensata da te mi sembra ottima, rimuovilo e fai un background molto lungo. Al massimo puoi limitare la dimensione della tabella commenti (mettendo una scroll bar) in modo da non oltrepassare mail il limite dei 6000. Trovi i codici sul forum.
Registrato
antagonia
Newbie
*
Messaggi: 6


Mostra profilo
« Risposta #6 inserita:: Gennaio 26, 2009, 01:52:22 am »

grazie per la risposta.
Cmq, ho notato che inserendo un'immagine 1024x2438, la stessa perde queste dimensioni...si rimpicciolisce, creando una scrollbar nella parte bassa del browser..

Insomma a quanto pare, anche questa soluzione non và...uffa
Registrato
ilnissardo
Administrator
Hero Member
*****
Messaggi: 709



Mostra profilo WWW
« Risposta #7 inserita:: Gennaio 26, 2009, 07:30:14 am »

Credo che la soluzione migliore sia dare le dimensioni della tua immagine anche al body, cosi non dovrebbe mettere piu` lo scroll.. ma non ne sono sicurissimo, dovrei fare delle prove
Registrato
antagonia
Newbie
*
Messaggi: 6


Mostra profilo
« Risposta #8 inserita:: Gennaio 27, 2009, 01:10:11 am »

ciao buon giorno...
allora ho provato a fare come dici te..ma purtroppo non và....
Se modifico il background-attachment:fixed; da fixed a scroll, l'immagine me la fà vedere com'è quindi, più corta in altezza!
Se mantengo il background-attachment:fixed; in pratica l'header cè l'ho solo per modo di dire, perchè la scritta fa parte del background e quindi quando scrollo, lo space gli passa sopra, e la scritta resta visibile...

Quindi, che devo da fà?Sto diventando deficiente appresso a sta cosa..
1)Poi, c'è un programma tipo DreamWeaver della Adobe-MAcromedia che mi permette di strutturare,creare e modificare lo space offline come se fosse un normale sito?
   Perchè fare sti cambiamenti sempre tramite lo space è una perdita di tempo, quando in locale, è più veloce..

2) C'è una struttura standard a livello di codice, che è uguale per tutti gli space?Cosi da poter modificare ciò che si vuole?

Per il momento ti saluto e ti auguro una buona giornata....

Registrato
ilnissardo
Administrator
Hero Member
*****
Messaggi: 709



Mostra profilo WWW
« Risposta #9 inserita:: Gennaio 28, 2009, 05:46:42 am »

Se modifico il background-attachment:fixed; da fixed a scroll, l'immagine me la fà vedere com'è quindi, più corta in altezza!
Se mantengo il background-attachment:fixed; in pratica l'header cè l'ho solo per modo di dire, perchè la scritta fa parte del background e quindi quando scrollo, lo space gli passa sopra, e la scritta resta visibile...
Sicuramente devi mantenerla in scroll. Quello che intendevo io era di dimensionare l'immagine abbastanza grande da non farla finire, e poi settare l'altezza del body nel CSS alla dimensione verticale della tua immagine. Non sono sicuro che mi ero spiegato abbastanza bene...
1)Poi, c'è un programma tipo DreamWeaver della Adobe-MAcromedia che mi permette di strutturare,creare e modificare lo space offline come se fosse un normale sito?
   Perchè fare sti cambiamenti sempre tramite lo space è una perdita di tempo, quando in locale, è più veloce..

2) C'è una struttura standard a livello di codice, che è uguale per tutti gli space?Cosi da poter modificare ciò che si vuole?

1) No, pero` ci sono dei siti che ti permettono di fare il preview del tuo codice senza metterlo direttamente su MySpace. Ti consiglio di andare a leggerti il tutorial su MySpace che c'e` sul mio sito, li se non mi sbaglio ne segnalavo alcuni.

2) Non credo di aver capito bene la domanda.. La struttura di un profilo e` standard, ma molto complessa e non sempre organizzata a modo. Motivo per cui non e` sempre possibile fare quello che si vuole. In realta` c'e` una differenza tra profili semplici e profili musica, ma piano piano stanno cercando di limarla sempre di piu`.
Registrato
Pagine: [1]
  Stampa  
 
Vai a:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.14 | SMF © 2006-2007, Simple Machines LLC XHTML 1.0 valido! CSS valido!