Back to top

Autore Topic: pagina template si sposta allargando il browser  (Letto 1386 volte)

remixe

  • Visitatore
pagina template si sposta allargando il browser
« il: 14 Lug 2010, 18:57:21 »
Ciao, ;)
ho creato un immagine larga 1500px che ho messo come backgroung sul mio sito fatto con il template Beez.
Premetto che la pagina del template l'ho fissata a 960px di larghezza.
Il problema è che quando allargo la pagina del browser il background rimane fisso mentre la pagina sopra(960px di larghezza) si sposta con lo stringersi o l'allargarsi della pagina del browser.
Cosa posso fare secondo voi x far si che anche la pagina del template rimanga fissa?

Grazie

Offline abombazza

  • Appassionato
  • ***
  • Post: 493
    • Mostra profilo
Re:pagina template si sposta allargando il browser
« Risposta #1 il: 14 Lug 2010, 19:15:21 »
questo problema ce l'ho pure io con il foglio che sta sopra lo sfondo del template.
Non sono riuscito a risolverlo.
Invece che mettere un'immagine particolare perchè non provi a mettere uno sfondo tipo tinta unita o con trama che si ripete ?
Credo che per risolvere questa cosa si debba modificare o il file index.php posto sotto la cartella del tuo template oppure il file template.css posto sotto cartellatemplate/css.
ma non so.

adottauncane

  • Visitatore
Re:pagina template si sposta allargando il browser
« Risposta #2 il: 14 Lug 2010, 23:13:19 »
Ciao remix, ciao bombazza,
per far rimanere la "pagina" fissa in una posizione dovresti mettere position:absolute; ma ti rimarrebbe tutta sulla sinistra e non credo che sarebbe ciò che vuoi.
Invece puoi fissare lo sfondo, in modo che segua il template quando stringi o allarghi il browser:
position.css (riga 22)
Codice: [Seleziona]
body {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#F2E3ED; <---- qui metti un colore simile alla foto, in modo che per le visualizzazioni maggiori non si veda il rosa...
background-image:url("../images/tuaimmagine.jpg"); <---------
background-position:center top; <--------
background-repeat:no-repeat; <-------
color:#000000;
font-family:arial,helvetica,sans-serif;
font-size:100.1%;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:center;
}

remixe

  • Visitatore
Re:pagina template si sposta allargando il browser
« Risposta #3 il: 15 Lug 2010, 08:05:37 »
Ciao adottauncane :)
ho provato con il codice che mi hai gentilmente postato ma non mi funziona.
Addirittura ora non mi si vede più il background..è come se non pescasse più l'immagine.

Grazie

adottauncane

  • Visitatore
Re:pagina template si sposta allargando il browser
« Risposta #4 il: 15 Lug 2010, 13:38:00 »
Scusa la domanda scontata... ma hai sostituto (o lasciato com'era, visto che lo avevi già inserito) il percorso della tua immagine qui:
background-image:url("../images/tuaimmagine.jpg");
perché io ho scritto una cosa a caso...

Se il problema non è quello, inserisci un link al sito...

 



Web Design Bolzano Kreatif