Visualizzazione dei risultati da 1 a 5 su 5

Discussione: i bordi in firefox

  1. #1

    i bordi in firefox

    Salve a tutti,
    Ho smantellato una tabella per trasformarla in una catena di <div> , ma non sapevo a cosa andavo in contro...

    cmq il primo problema è il seguente:
    il testo del footer se ne va a suo piacimento, ovvero, vi posto il css:
    codice:
    div#footer {
    	border:none;
    	margin:0px;
    	padding:0px;
    	height:116px;
    	font-size:12px;
    	background: transparent url("../sfondi/sfondoFooter.jpg") no-repeat bottom left;
    }
    mentre questo è quello che ho nel body:
    codice:
    <div id="footer">
    	<p align="center" style="margin:47px auto auto 30px; padding0px;"><font size="2">testo testo testo testo</font></p>
      </div>

    questo dovrebbe essere il risultato corretto (con IE):



    mentre questo è il risultato che ottengo con ff:



    Però, ho scoperto che apportando questa modifica al css:
    codice:
    div#footer {
    	border:1px solid;
    	margin:0px;
    	...
    }
    ottengo questo risultato:



    dove sbaglio???
    Grazie, ciao.

  2. #2

    doppio stile...pericolo!

    Ciao,

    probabilmente perché IE renderizza seguendo lo stile scritto nel tag, mentre FF usa quello nei CSS.
    Prova a rimuovere lo stile dal tag del footer e sostituiscilo invece nel CSS, ottenendo:
    codice:
    div#footer {
    	border:none;
    	margin: 47px auto auto 30px;    /* notare */
    	padding:0px;
    	height:116px;
    	font-size:12px;
    	background: transparent url("../sfondi/sfondoFooter.jpg") no-repeat bottom left;
    }
    Ah, poi un'altra cosa: generalmente si evita l'uso del tag <font> e si preferisce modificarne lo stile attraverso il CSS; nel tuo caso significherebbe modificare la proprietà "font-size" al tag (a meno che ovviamente tu non abbia avuto i tuoi motivi per fare così).

    HTH
    ciauz
    "La mia vita finirà quando non vedrò più la gente ridere.... non necessariamente alle mie battute."

  3. #3
    niente, ho peggiorato solo le cose, si è spostato il layer verso destra, è il testo è rimasto sempre nella stessa posizione...
    ... forse c'è qualche errore in tutto il css

  4. #4
    ok, risolto, mi sono creato un'altro id del tipo:
    div#testoFooter{
    border:none;
    text-align:center;
    padding: 47px 0px 0px 30px; /* notare */
    margin:0px;
    }

    non era margin, ma padding


  5. #5

    ops

    Originariamente inviato da DarioMarco
    non era margin, ma padding
    ops, hai ragione
    "La mia vita finirà quando non vedrò più la gente ridere.... non necessariamente alle mie battute."

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.