Problemino con la pagina (main)

Problemino con la pagina (main) postato il 02/06/2010 19:11:06 nel forum programmazione, gdrcd, open source, hosting

Ho scaricato gdrcd5 e stiamo lavorando su quello con grafica e tutto il resto.. ma c'è un problema che non riusciamo a risolvere.. dopo aver inserito lo sfondo nuovo e aver spostato alcune cose, ci siamo accorti che oltre lo sfondo, compare a destra un continuo di pagina completamete nero..
Da cosa può essere dovuto??
qualcuno sà come risolverlo?
grazie a tutti anticipatamente

oOo Non c´è modo migliore di combattere e vincere contro il mondo dell´essere se stessi...Sempre oOo

quota

Pagine → 1

senger

SCRIVI

02/06/2010 19:23:50

lulla ha scritto: Ho scaricato gdrcd5 e stiamo lavorando su quello con grafica e tutto il resto.. ma c'è un problema che non riusciamo a risolvere.. dopo aver inserito lo sfondo nuovo e aver spostato alcune cose, ci siamo accorti che oltre lo sfondo, compare a destra un continuo di pagina completamete nero..
Da cosa può essere dovuto??
qualcuno sà come risolverlo?
grazie a tutti anticipatamente

dovete impostare i css dello sfondo mettendo l' immagine in posizione centrale ecc ecc ;)

League of Angels III ↗
Addentratevi in un MMO RPG fantasy gratuito giocabile direttamente tramite browser grazie a League of Angels!

quota

lulla

SCRIVI

02/06/2010 19:28:28

senger ha scritto:

dovete impostare i css dello sfondo mettendo l' immagine in posizione centrale ecc ecc ;)

è già stato fatto... o.o x quello nn riesco a capire

oOo Non c´è modo migliore di combattere e vincere contro il mondo dell´essere se stessi...Sempre oOo

quota

senger

SCRIVI

02/06/2010 20:16:31

posta il codice interessato è sopratutto occhio alla grandezza della immagine ;)

OGame ↗
In OGame migliaia di giocatori da tutto il mondo competono tra di loro per conquistare l'intero universo!

quota

sidhenidon

SCRIVI

03/06/2010 11:43:44

se avete progettato il layout affinche' si possa vedere a basse risoluzioni senza dover scrollare, potete risolvere con un poco ortodosso

overflow : hidden;

se invece le dimensioni non consentono di essere visualizzato anche a basse risoluzioni, vi conviene adottare la soluzione di faber

Crossout ↗
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

quota

dyrr

SCRIVI

04/06/2010 10:22:42

mr_faber ha scritto: Purtroppo e' un effetto voluto. Il fatto e' che per ottenere la mappa cliccabile di gdrcd ho fatto ricorso a un posizionamento assoluto dei div. questo pero' comporta che il sito e' posizionato nell'angolo alto e sinistro della finestra del browser. Al momento non ho un'alternativa, causa mancato supporto dei browser di una particolare funzione di posizionamento prevista. Un'alternativa potrebbe essere far aprire la mappa cliccabile come un iframe. Se ne avete di miglioris ono aperto a suggerimenti ^^

In attesa di un layout fluido, per centrare il sito a tutte le risoluzione non basterebbe fare cosi:

Nel CSS main.css l'intero sito è contenuto in questo box:

div.main{
width: 1000;
height: 600;
position:absolute;
left:10px;
top:10px;
background-image: url('imgs/sfondo_main.jpg');/*immagine dello sfondo principale*/
}

Non basterebbe modificarlo in questo modo?

/*Contenitore*/
div.main{
width: 1000px;
height: 600px;
position:absolute;
left:50%;
top:50%;
margin-left:-500px;
margin-top:-300px;
background-image: url('imgs/sfondo_main.jpg');/*immagine dello sfondo principale*/
}

e nel CSS home.css

/*Contenitore*/
div.page_homepage{
width: 1000;
height: 600;
position:absolute;
left:10px;
top:10px;
background-image: url('imgs/homepage.jpg');/*immagine dello sfondo homepage*/
}

cambiarlo in

/*Contenitore*/
div.page_homepage{
width: 1000px;
height: 600px;
position:absolute;
left:50%;
top:50%;
left-margin:-300px;
top-margin:-500px;
background-image: url('imgs/homepage.jpg');/*immagine dello sfondo homepage*/
}

Provando queste due modifiche ai css su IE, FF e Opera il sito viene centrato automaticamente a qualsiasi risoluzione. non sarà un layout fluido ma almeno è meglio di averlo centrato in alto a sinistra

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

quota

dyrr

SCRIVI

04/06/2010 11:35:18 e modificato da dyrr il 04/06/2010 11:46:34

a me rimangono perfetti. ho provato il sito a 1600x900, 1920x1080, 1024x768, 1024x600 con tutti e tre ibrowser. L'unico problema è dovutoa 1024x600 se siusa la land da netbook.