Problema con nuova Skin

-STAFF-

Posted on 3/9/2010, 01:48

.

User deleted

Salve, avrei bisogno di un consiglio!

Ho appena modificato la mia skin ed ho aggiunto un container a 4 lati!
Ora qualche utente mi ha fatto notare che non visualizza bene il forum, o meglio che, a seconda dei monitor, in alcuni casi la pagina del forum non entra tutto nello schermo.
Personalmente con la risoluzione del mio monitor non ho problemi ma alcuni utenti notano questa cosa!

C'è un metodo in modo che la pagina del forum si adatti automaticamente alla risoluzione del momitor di ciascun utente o qualcosa del genere???

Gentilmente consigliatemi cosa fare!

Questo è il forum

SPOILER (click to view)

http://esserepaganesi.forumcommunity.net

In piu' ho notato che solo con Internet Explorer non mi compaiono le scritte

Come posso risolvere?

Grazie mille anticipatamente!

.

»Mark

Posted on 3/9/2010, 09:05

.

Group: Addict

Posts: 5,120

Location: Vicenza

Status: Anonymous

puoi postare qui il codice css?

.

-STAFF-

Posted on 3/9/2010, 09:27

.

User deleted

si...grazie!

CODICE

/* Skin designed by ¬kiros */

body {background-color: #262626; font-family: "Segoe UI", verdana, tahoma, arial; font-size: 8.5pt; color: #439FBA; background-image: url(http://skin.forumfree.net/1569/background.png)}
table, div {font-size: 9.0pt; color: #439FBA}
a:link, a:visited {text-decoration: none; color: #EEE}
a:hover {color: #97C25A}

/* SCRITTE ESTERNE */
.nav {font-weight: bold; color: #439FBA; font-size: 9pt}

/* DIMENSIONE FORUM */
.header_width, .skin_tbl, .skin_tbl_width {width: 85%}
.stats .border {width: 85%}

/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #00AAFF; font-weight: bold}
.moderatore {color: #6666FF; font-weight: bold}
.utente {color: #FFFFFF; font-weight: bold}
.daconvalidare {}
.gruppo1 {color: #B980FF; font-weight: bold}
.gruppo2 {color: #80A9FF; font-weight: bold}
.gruppo3 {color: #95DDFF; font-weight: bold}
.gruppo4 {color: #9FEF50; font-weight: bold}
.gruppo5 {color: #FFF000; font-weight: bold}
.gruppo6 {color: #FFB56A; font-weight: bold}

/* BARRA ATTORNO AL FORUM */
.mtitle {text-align: center; word-spacing: 1px; padding-top: 16px; font-weight: bold; font-size: 12.5pt; color: #000080; padding-bottom: 10px; text-shadow: 0 1px 2px #FFFFFF}

.mback {height: 55px}
.msub {height: 18px}

.mleft_top {width: 13px; background-image: url(http://skin.forumfree.net/1569/mleft_top.png); background-position: bottom; background-repeat: no-repeat}
.mback_left {width: 170px; background-image: url(http://skin.forumfree.net/1569/mback_left.png); background-repeat: no-repeat; background-position: bottom}
.mback_center {background-image: url(http://skin.forumfree.net/1569/mback_center.png); background-repeat: repeat-x; background-position: bottom}
.mback_right {width: 170px; background-image: url(http://skin.forumfree.net/1569/mback_right.png); background-repeat: no-repeat; background-position: bottom}
.mright_top {width: 13px; background-image: url(http://skin.forumfree.net/1569/mright_top.png); background-position: bottom; background-repeat: no-repeat}

.mleft_bottom {width: 13px; background-image: url(http://skin.forumfree.net/1569/mleft_bottom.png)}
.msub_left {width: 40px; background-image: url(http://skin.forumfree.net/1569/msub_left.png); background-repeat: no-repeat}
.msub_center {background-image: url(http://skin.forumfree.net/1569/msub_center.png); background-repeat: repeat-x}
.msub_right {width: 40px; background-image: url(http://skin.forumfree.net/1569/msub_right.png); background-repeat: no-repeat}
.mright_bottom {width: 13px; background-image: url(http://skin.forumfree.net/1569/mright_bottom.png)}

.mleft, .sep_left {width: 13px; background-image: url(http://skin.forumfree.net/1569/mleft.png); background-repeat: repeat-y}
.mright, .sep_right {width: 13px; background-image: url(http://skin.forumfree.net/1569/mright.png); background-repeat: repeat-y}

/* SEZIONI FORUM */
.skin_tbl_border, .mainbg {background-color: #021636}
.sunbar, .darkbar, .title, .title2, .title3 {font-weight: bold; color: #3E7ED4; height: 24px; background-color: #021636;
background-image: url(http://skin.forumfree.net/1569/title.png); text-align: center; background-repeat: repeat-x; color: #001028; text-shadow: 0 1px 2px #007CA6}
.title:first-child {background-image: url(http://skin.forumfree.net/1569/title_first-child.png); background-position: top left; background-repeat: no-repeat}
.title:last-child {background-image: url(http://skin.forumfree.net/1569/title_last-child.png); background-position: top right; background-repeat: no-repeat}
.title2 {color: #FFFFFF}
.aa, .bb, .ww, .zz {background-color: #021636}
.xx, .yy, .cc {background-color: #2C6E8C; color: #001A40; text-shadow: 0 1px 2px #2AA3CC}
.xx a:link, .xx a:visited {color: #001A40; text-shadow: 0 1px 2px #2AA3CC}
tr:hover>.aa, tr:hover>.bb, tr:hover>.ww, tr:hover>.zz {background-color: #001E3E}
tr:hover>.xx, tr:hover>.yy, tr:hover>.cc {background-color: #347687}
tr:hover>.xx {background-image: url(http://skin.forumfree.net/1569/xx:hover.png); background-position: left; background-repeat: repeat-y}
tr:hover>.yy {background-image: url(http://skin.forumfree.net/1569/yy:hover.png); background-position: right; background-repeat: repeat-y}
.xx {background-image: url(http://skin.forumfree.net/1569/xx.png); background-position: left; background-repeat: repeat-y}
.yy {background-image: url(http://skin.forumfree.net/1569/yy.png); background-position: right; background-repeat: repeat-y}
.menu_right {display: none}
.web {font-size: 9.5pt; text-transform: uppercase}
.desc {font-size: 8pt; color: #439FBA}
.foot {height: 4px; background-color: #021636; background-image: url(http://skin.forumfree.net/1569/foot.png); background-position: top; background-repeat: repeat-x}
.foot form {display: none}
.main6 {border-collapse: collapse}

/* BLOG */
.blog #leftdiv {display: none}
.blog #centerdiv {max-width:inherit; width:auto !important; margin: auto 25% auto 0} #content-main {margin-left: 0}

/* TAG */
.tag .aa, .tag .ww {border: none}

/* MENU */
.menu form {display: none}
.menu {text-align: center; margin-bottom: -18px; margin-top: 35px}
.menu .highlight {color: #D4A43E}

/* STATISTICHE */
.stats .title2 {font-size: 0; background-image: url(http://skin.forumfree.net/1569/background.png); height: auto; background-color: #012852}
.stats .skin_tbl_border {background-color: #012850; background-image: url(); background-repeat: no-repeat; background-position: center top; padding-top: 90px}

/* DISCUSSIONE */
.left_top, .right_top, .left_bottom, .right_bottom {background-color: #91B079; border-bottom: 1px dotted #B9DF99; height: 22px; background-image: url(http://skin.forumfree.net/1569/left_right.png); text-shadow: 0 1px 2px #D3FFAF}
.left_bottom, .right_bottom {background-color: #7B9567; background-repeat: repeat-x; background-position: top; border-bottom: none; border-top: 1px dotted #B9DF99}
.right_bottom td {color: #0A367C}
.left_top a:link, .left_top a:visited, .right_top a:link, .right_top a:visited, .left_bottom a:link, .left_bottom a:visited, .right_bottom a:link, .right_bottom a:visited {color: #021636}
.left_top a:hover, .right_top a:hover, .left_bottom a:hover, .right_bottom a:hover {color: #062455}
.left, .right {background-image: url(http://skin.forumfree.net/1569/l_r.png); background-position: top; background-repeat: repeat-x}
.sep {background-color: #F0F0F0; height: 2px}
.nick a:link, .nick a:visited {font-size: 11px; font-weight: bold; padding-bottom: 2px}
.nick {font-size: 11px; font-weight:bold}
#quote {font-size: 8pt; background-color: #012850; border-left: 1px dotted #97C25A; border-top: 2px solid #97C25A; padding: 2px; padding-left: 10px; color: #439FBA}
#code {font-size: 8pt; background-color: #0C243C; border-left: 1px dotted #439FBA; border-top: 2px solid #439FBA; padding: 2px; padding-left: 10px; color: #97C25A}
.code_top, .quote_top {text-align: center}
.bar {background-image: url(http://skin.forumfree.net/1569/bar.png); background-repeat: repeat-x; height: 10px}
.bar_left {background-image: url(http://skin.forumfree.net/1569/bar_left.png); background-repeat: no-repeat; height: 10px; width: 5px}
.bar_right {background-image: url(http://skin.forumfree.net/1569/bar_right.png); background-repeat: no-repeat; height: 10px; width: 5px}
.color {color: #FFFFFF; font-size: 10.5pt}
.fancyborder {border: 1px dashed #439FBA}
.edit {font-size: 0}
.bottomborder {border-bottom: 1px dashed #3E7ED4}
.signature {font-size: 7.5pt; color: #3E7ED4; line-height: 150%}

/* MESSANGER */
.msg .details {font-size: 7.5pt}
.msg .details p {font-size: 10px; line-height: 150%; color: #FFF}
.info, .alert {font-size: 8pt; padding: 2px}
.alert {background-color: #C97070; color: #820000; border: 0}
.info {background-color: #96AF8E; color: #3D722C; border: 0}
.darkline {background-image: url(http://skin.forumfree.net/1165/darkline.png)}
.pagetitle {color: #97C25A; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
.row1, .profile .skin_tbl_border {background-color: #021636}

/* INPUT */
.input {font-size: 12.5pt; font-family: 'segoe ui', verdana, helvetica, sans-serif; vertical-align:middle}
.forminput, .codebuttons, .textinput {font-size: 8pt; font-family: 'segoe ui', verdana, helvetica, sans-serif; vertical-align:middle; padding: 1px; border: 1px solid #010F25; color: #439FBA; background-color: #001E3E; font-weight: normal}
input[name="helpbox"] {color: #97C25A; background-color: #001E3E}
.textinput:focus, .codebuttons:hover {font-size: 10.0pt; background-color: #; font04274b-style: italic; color: #CCC} .codebuttons:hover {font-style: normal} http://skin.forumfree.net/1569/background.png

/*CONTAINER*/
#wrapper {background: # colore sfondo;
border: 0;
margin-left: auto
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
width: 88%}

#leftborder {background-image: url(http://img16.imageshack.us/img16/4570/latersx.png);
background-repeat: repeat-y; background-position: left}
#rightborder {background-image: url(http://img831.imageshack.us/img831/690/laterdx.png);
background-position: right; background-repeat: repeat-y}
#topborder {background-image: url(http://img137.imageshack.us/img137/9694/orizzsup.png);
background-position: top; background-repeat: repeat-x}
#bottomborder {background-image: url(http://img217.imageshack.us/img217/2763/orizzinf.png);
background-position: bottom; background-repeat: repeat-x}
#ang1 {background-image: url(http://img823.imageshack.us/img823/9616/angolosuperioresx.png);
background-position: left top; background-repeat: no-repeat}
#ang2 {background-image: url(http://img835.imageshack.us/img835/576/angolosuperioredx.png);
background-position: right top; background-repeat: no-repeat}
#ang3 {background-image: url(http://img838.imageshack.us/img838/5409/angoloinferioredx.png);
background-position: right bottom; background-repeat: no-repeat}
#ang4 {background-image: url(http://img844.imageshack.us/img844/4834/angoloinferioresx.png);
background-position: left bottom; background-repeat: no-repeat}

.

»Mark

Posted on 3/9/2010, 10:23

.

Group: Addict

Posts: 5,120

Location: Vicenza

Status: Anonymous

fecendo copia incolla su un mio forum, è risultato tutto apposto... io non sono molto esperto... ma non è che è qualcosa nell'html (come per esempio qualche div o roba del genere) che dà i problemi?

SPOILER (click to view)

(il forum di prova)

.

. F r e e .

Posted on 3/9/2010, 11:45

.

Group: Old Glories

Posts: 4,252

Status: Anonymous

Potrebbe essere l'immagine in "benvenuti" che, misurando 1.110px × 377ps, è un problema per le risoluzioni minori come la 1024x768.

.

»Mark

Posted on 3/9/2010, 11:46

.

Group: Addict

Posts: 5,120

Location: Vicenza

Status: Anonymous

CITAZIONE (. F r e e . @ 3/9/2010, 12:45)

Potrebbe essere l'immagine in bacheca che, misurando 1.110px × 377ps, è un problema per le risoluzioni minori come la 1024x768.

non ci avevo pensato :drop:

.

-STAFF-

Posted on 3/9/2010, 11:59

.

User deleted

potrebbe essere qualcosa nell' HTML, forse avete ragione adesso faccio delle prove!

e per quanto riguarda

da cosa dipende che con Internet Explorer non viene visualizzata???

Grazie mille ragazzi siete davvero gentili!

.

. F r e e .

Posted on 3/9/2010, 12:31

.

Group: Old Glories

Posts: 4,252

Status: Anonymous

@ Mark:ma hai fatto bene a controllare il css, si deve sempre controllare tutto =)

Riguardo al menu credo sia dettato dai parametri margin-bottom: -18px; margin-top: 35px che trovi in

CODICE

.menu {text-align: center; margin-bottom: -18px; margin-top: 35px}

Prova sostituendo con:

CODICE

.menu {text-align: center; position: relative; top: 35px}

Rispetto al margin è un pò diverso, vedi se entra in conflitto con il resto della grafica

.

-STAFF-

Posted on 3/9/2010, 12:59

.

User deleted

CITAZIONE (. F r e e . @ 3/9/2010, 13:31)

@ Mark:ma hai fatto bene a controllare il css, si deve sempre controllare tutto =)

Riguardo al menu credo sia dettato dai parametri margin-bottom: -18px; margin-top: 35px che trovi in

CODICE

.menu {text-align: center; margin-bottom: -18px; margin-top: 35px}

Prova sostituendo con:

CODICE

.menu {text-align: center; position: relative; top: 35px}

Rispetto al margin è un pò diverso, vedi se entra in conflitto con il resto della grafica

per quanto riguardo il menu tutto ok con il tuo codice!!!
ho solo variato successivamente il valore di 35px con 20px altrimenti veniva coperto e non si vedeva bene!

se volessi cambiare la posizione del menu (metterlo a sinistra per esempio) ed il colore come posso fare???

grazie mille ... grazie!

.

¬kiros

Posted on 3/9/2010, 16:01

.

User deleted

CODICE

.menu {text-align: left; position: relative; top: 35px}

Devi sostituire il "center" con "left", e non dovrebbe crearti problemi

.

-STAFF-

Posted on 3/9/2010, 17:57

.

User deleted

CITAZIONE (¬kiros @ 3/9/2010, 17:01)

CODICE

.menu {text-align: left; position: relative; top: 35px}

Devi sostituire il "center" con "left", e non dovrebbe crearti problemi

l'ho fatto ma non mi vieno proprio a sinistra il menu...diciamo che si sposta solo a sinistra leggermente... :rolleyes:

!
cosa posso fare

???

un ultima richiesta se non vi creo troppo disturbo:
ho notato che sempre solo con Internet Explore la tabella che racchiude le ultime notizie non si vede molto bene mi riferisco al contorno esterno inferiore che con I.E. non si visualizza bene!
aggiungo un'immagine per rendere bene l'idea:

Come posso risolvere questo problema???

Ancora grazie!

.

Shalentir

Posted on 3/9/2010, 18:38

.

User deleted

il menù utente va di poco a sinistra perchè rimane entro i limiti del logo, mentre per le news non saprei che dirti O_O così a occhio mi sembra tutto apposto >_>
Comunque, qui ci sono un po' di errori, se sei in grado controlla, altrimenti dillo che appena ho tempo guardo io =)
http://validator.w3.org/check?uri=http%3A%...=Inline&group=0

.

-STAFF-

Posted on 3/9/2010, 19:04

.

User deleted

CITAZIONE (Shalentir @ 3/9/2010, 19:38)

il menù utente va di poco a sinistra perchè rimane entro i limiti del logo, mentre per le news non saprei che dirti O_O così a occhio mi sembra tutto apposto >_>
Comunque, qui ci sono un po' di errori, se sei in grado controlla, altrimenti dillo che appena ho tempo guardo io =)
http://validator.w3.org/check?uri=http%3A%...=Inline&group=0

grazie Shalentir, ma non credo sia tanto capace...potresti darmi una mano allora tu?
almeno potresti spiegarmi di cosa si tratta e come posso fare...per incominciare...!!!
grazie!

.

conte.vlad

Posted on 3/9/2010, 19:07

.

User deleted

In pratica questo validatore, in parole povere, controlla i codici e ti dice se hai sbagliato e cosa ha sbagliato. Sta a te andare a correggere l' errore! :smile:

.

Shalentir

Posted on 3/9/2010, 19:25

.

User deleted

Facciamo così: posta il codice html che hai messo nell'homepage =)

.

Problema con nuova Skin

Risolto