Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Differenze tra explorer7 e firefox

    Sia provando con le tabelle che con i div, una "tabella" di 750x550 prima riga 2 celle (logo e nella celladx una tab con i link)
    seconda riga formata da una cella sola(che è un il main della pagina) come la terza riga che è un footer puramente estetico.
    Background del body grigio, poi ogni riga ha il suo background fatto con una immagine di 1px di larghezza.
    La prima cella in alto a sx contiene il logo che è una scritta fatta con photoshop in sfondo trasparente.
    Con Explorer7 tutto ok mentre in firefox la prima e la terza riga non prendono il background, ma tengono quello del body, inoltre i link sono sfasati (più in basso).
    Il logo si legge ma nello sfondo del body e non in quello della riga, mentre il mio main è l'unico a posto.
    Ho provato a mettere i background delle celle sia nei css che in html ma il risultato non cambia.
    Cosa sbaglio? O meglio cosa è accettato da Explorer e presumo non dal w3c?
    Grazie.

  2. #2

    Dimenticavo

    Dimenticavo Un saluto a tutti visto che sono una new entry e come avrete capito anche in HTML e CSS.

  3. #3
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349

    Re: Differenze tra explorer7 e firefox

    Originariamente inviato da Antony61
    ci posti il codice (usa il tag code - #) oppure un link alla pagina?

  4. #4

    codice html e css

    I codici incriminati sono questi

    Codice html

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="guy.css" rel="stylesheet" type="text/css"/>
    <title>Documento senza titolo</title>
    </head>

    <body>







    <table width= border="0" cellpadding="0" cellspacing="0" align="center" id="layout">

    <tr id="header" rowspan="2">
    <td id"header1">[img]guy.gif[/img]
    </td>

    <td width="430" height="148" valign="top">




    </p>

    <table border="0" cellpadding="0" cellspacing="0" >
    <tr valign="top" align="center">

    <td>home</td>
    <td id="stylelink">about me</td>
    <td>gallery </td>
    <td> events</td>
    <td>contacts</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td colspan="2" bgcolor="#000000" height="350" width="750">
    </td>
    </tr>

    <tr>
    <td id="footer" colspan="2" width="750" height="46">
    [img]guy4.jpeg[/img]
    </td>
    </tr>
    </table>

    </body>
    </html>






    /* CSS Document */
    body { background:#CCCCCC;}

    #stylelink {text-decoration: none;
    color: #81D0F4;
    font-family: "Century Gothic", Century;
    font-size:16px;/* margin-top:10px;
    margin-left:10px; margin-left:5px;*/ }

    a:link, a:visited {color: #CCCCCC; cursor: inherit;
    text-decoration: none;
    font-size:16px;
    font-family: "Century Gothic", Century;
    /*margin-left:10px; margin-left:5px;
    margin-top:10px;*/}

    a:hover, a:active { text-decoration: none;
    color: #810b01;
    cursor: inherit;
    font-family: "Century Gothic", Century;
    font-size:16px; /* margin-top:10px;
    margin-left:10px; margin-left:5px;*/}



    #layout { width:750px;
    height:550px;

    }


    #header { width:750px; height:148px;
    background: url(guy02.jpg) repeat-x;
    }

    #header1 { background:url(guy.gif); float:left; left:0px; }



    #margin p { font-family: Arial, Helvetica, sans-serif; font-size:18px; }

    #footer { background:url(guy4.jpg) repeat-x;}

  5. #5
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    avevo detto
    il codice (usa il tag code - #)


    dal momento che ci tengo a conservarmi quel poco di vista che mi rimane, inizia con il verificare quanto segue:

    1. valida il codice (sia l'html che il css)
    2. togli tutte quelle orrende formattazioni inline che possono andare in conflitto con i fogli di stile
    3. questa m'è saltata all'occhio:
    codice:
     [img]guy4.jpeg[/img]
    che roba è quel repeat buttato li?
    4. lascia perdere le tabelle per strutturare il layout. guarda piuttosto qui


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.