• User Attivo

    [Phpbb-Css] IE7 e testo giustificato al centro? Anomalia...

    Salve a tutti...
    ho un phpbb modificato che non mi ha mai dato problemi.....oggi un mio amico provando IE7 afferma che vede tutto, topic e testo giustificati al centro. Un altro amico ancora, testando pure lui il nuovo browser microsoft, afferma il medesimo concetto.
    Presumo qualche problema a monte, anche se sottolineo che con Ie6 e Firefox invece il testo è normalmente allineato a sinistra (come un pò in tutti i forum).
    Quale può essere il problema? presumo occorra guardare nei template, nei css....o cos'altro? qualcuno sa darmi una dritta per far si che anche con Ie7 si vede correttamente giustificato a sinistra?


  • Moderatore

    metti l'url della pagina se puoi 🙂
    vediamo là per ora 🙂


  • User Attivo

    uppo l'immagine di 2 post su imageshack (lo screen è con opera9, ho scoperto che fa la stessa cosa si IE7)...è così anche nella pagina principale, le categorie sono centrate....insomma, tutto al centro sta 😄
    http://img137.imageshack.us/img137/884/clipboard01ij7.jpg
    ripeto, su ie6 e firefox mai nessun problema, tutto era allineato a sinistra.


  • Moderatore

    Dicevo. Metti l'url... dalle immagini ancora non riesco a leggere il sorgente. 🙂


  • User Attivo

    posto qui il codice css:

    /* The content of the posts (body of text) */

    body{background:#ecf0f6;color:#000000;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;

    scrollbar-3dlight-color:#d1d7dc;

    scrollbar-arrow-color:#006699;

    scrollbar-darkshadow-color:#98aab1;

    scrollbar-face-color:#dee3e7;

    scrollbar-highlight-color:#ffffff;

    scrollbar-shadow-color:#dee3e7;

    scrollbar-track-color:#efefef;
    text-align: left;} <------ **ho aggiunto quest'ultima riga sotto suggerimento datomi altrove, ma senza risultato 😞 **

    /* General font families for common tags */

    font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif}

    /* General text */

    .gensmall{font-size:10px}

    td.genmed,.genmed{font-size:11px}

    .explaintitle{font-size:11px;font-weight:bold;color:#5c81b1}

    /* General page style */

    a:link,a:active,a:visited,a.postlink{color:#006699;text-decoration:none}

    a:hover{color:#dd6900}

    /* titles for the topics:could specify viewed link colour too */

    .topictitle{font-size:11px;font-weight:bold}

    a.topictitle:visited{color:#5493b4}

    a.topictitle:hover{color:#dd6900}

    /* Name of poster in viewmsg.php and viewtopic.php and other places */

    .name{font-size:11px;font-weight: bold}

    hr{border: 0px solid #ffffff;border-top-width:1px;height:0px}

    /* Category gradients*/

    td.cat{font-weight:bold;letter-spacing:1px;background:#d9e2ec url(images/cellpic1.gif);

    height:29px;text-indent:4px}

    /* Main table cell colours and backgrounds */

    .row1{background:#eaedf4}

    .row2,.helpline{background:#d9e2ec}

    .row3{background:#cedcec}

    td.spacerow{background:#cad9ea}

    /* This is for the table cell above the Topics,Post & Last posts on the index.php */

    td.rowpic{background:url(images/cellpic2.jpg) repeat-y}

    /* Table Header cells */

    th{background:#005eb2 url(images/cellpic3.gif);color:#deeef3;font-size:11px;

    font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}

    /* This is the border line & background colour round the entire page */

    .bodyline{background:#ffffff;border:1px solid #98aab1}

    /* This is the outline round the main forum tables */

    .forumline{background:#ffffff;border:1px solid #006699}

    /* The largest text used in the index page title and toptic title etc. */

    .maintitle,h1{

    font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#5c81b1}

    .subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;

    text-decoration:none}

    /* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */

    .nav{font-size:11px;font-weight:bold}

    .postbody{font-size:12px;line-height:125%}

    /* Location,number of posts,post date etc */

    .postdetails{font-size:10px;color:#00396a}

    /* Quote blocks */

    .quote{background:#fafafa;border:1px solid #d1d7dc;color:#444444;

    font-size:11px;line-height:125%}

    /* Code blocks */

    .code{background:#fafafa;border:1px solid;color:#006600;

    font:12px Courier,"Courier New",sans-serif;padding:5px}

    /* This is for the error messages that pop up */

    .errorline{background:#add8e6;border:1px solid}

    /* Form elements */

    form{display:inline}

    input{font:11px Verdana,Arial,Helvetica,sans-serif}

    select{background:#ffffff;font:11px Verdana,Arial,Helvetica,sans-serif}

    input.post,textarea.post{background:#ffffff;border:1px solid #000000;

    font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

    input.button,input.liteoption,.fakebut{border:1px solid;background:#fafafa;font-size:11px}

    input.catbutton{border:1px solid;background:#fafafa;font-size:10px}

    input.mainoption{border:1px solid;background:#fafafa;font-size:11px;font-weight:bold}

    a.but,a.but:hover,a.but:visited{color:#000000;text-decoration:none}

    /* This is the line in the posting page which shows the rollover

    help line. Colour value in row2 */

    .helpline{border-style:none}

    /* This is the gradient background at the top of the page */

    .topbkg{background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x}

    .topnav{font-size:10px;background: #e5ebf3 url(images/cellpic_nav.gif) repeat-x;color:#dd6900;

    height:21px;white-space:nowrap;border: 0px solid #91a0ae;border-width: 1px 0px 1px 0px}

    /* Admin & Moderator Colours MODification */

    .admin,.mod{font-size:11px;font-weight:bold}

    .admin,a.admin,a.admin:visited{color:#ffa34f}

    .mod,a.mod,a.mod:visited{color:#006600}

    a.admin:hover,a.mod:hover{color:#dd6900}

    /* Specify the space around images */

    .imgtopic,.imgicon{margin-left:3px}

    .imgspace{margin-left:1px;margin-right:2px}

    .imgfolder{margin:1px;margin-left:4px;margin-right:4px}

    /* Gets rid of the need for border="0" on hyperlinked images */

    img{border:0}


  • Moderatore

    Comincia a togliere tutti quegli align="center" alle tabelle.

    Vedi che rimane. E poi agisci su quelle da centrare veramente 🙂


  • User Attivo

    scusa massy, ma align center ne vedo solo uno nel css che ho postato...


  • Moderatore

    Sì. Ma è quel sito di cui mi hai passato l'url in privato?

    Se sì, comincia a togliere quella roba. 🙂


  • User Attivo

    si è quello.....ma su che file devo mettere mani?
    se è solo al css ho provato ma non cambia la situazione....


  • User Attivo

    Aggiornamenti:
    ho caricato un overallheader (e solo quello) di un template simile e sembra funzionare con IE7 senza dover modificare altro.
    L'unica cosa che mi sballa è in basso.....
    http://img138.imageshack.us/img138/7826/clipboard01xm5.jpg
    dove tutto viene allineato a sinistra (prima quelle scritte e icone erano a sinistra)
    Probabilmente c'è anche un perchè.....nel "nuovo" header manca il comando: <td align="center"> .....difatti se lo tolgo, tutto si vede correttamente allineato a sinistra (e quindi anche la parte bassa con la scritta e le iconcine, come da foto).

    Inserendo il tag invece si accentra tutto, compreso testo, topic ecc.....e quindi sballa.
    Bene, abbiamo modo di dare comando di accentrare SOLO le iconcine e il testo finale (quest'ultimo presente poi nell'overall footer, ma per quello basta un tag <center> per sistemarlo). ???

    Direi che siamo cmq a buon punto, ma manca la ciliegina sulla torta (che vorrei mettere)....