Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    7

    Problemi margin-padding dopo il cambio DTD

    Salve, dopo che ho cambiato il DTD da questo

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    a questo

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    nel sito http://chionitendaggi.altervista.org/ (ancora in fase di realizzazione), ho notato che Mozilla 1.2 e NN7 mi creano dei problemi coi margini e spaziature.
    Praticamente mi mandano i contenuti verso sinistra a ridosso della colonna che contiene il menu.
    Qui http://chionitendaggi.altervista.org...oamericano.htm vengono azzerate le spaziature degli elementi Nazione, Genere, Costo.
    In questa pagina http://chionitendaggi.altervista.org/rarita.htm il problema è ancora peggiore: le immagini vengono ordinate in diagonale, che a pensarci bene non è male, ma i boxs devono seguire il normale flusso per cui devono essere in verticale.
    Con IE6 e Opera7 invece è tutto regolare.
    Secondo voi come si può risovere il problema?
    Grazie
    Changò

  2. #2
    io vedo tutto bene. Nessuna differenza tra i 4 browser (il che mi sembra incredibile, brava!)
    Are you alive?
    No, but I was written with LOVE. A new scripting language.
    www.frequenze.it

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    7
    Grazie, ma il problema l' avevo risolto.
    Comunque una piccola diferenza c' è ma solo nella Home: con Mozilla e NN7 il bordo punteggiato verticale che separa il div contenuto dal div colonnasx non è lungo quanto il div contenuto, probabilmente perchè è più corto della colonnasx.
    Il codice CSS è:
    body {
    font-family: "Times New Roman", Times, serif;
    font-size: 90%;
    margin: 0px;
    padding: 0px;
    background-color: Blue;
    height: 100%;
    color: White;
    }
    #colonnasx {
    position:absolute;
    top:110px;
    left:10px;
    width:170px;
    height: 100%;
    border-top: 1px solid black;
    }
    #contenuto {
    margin: 10px 10px 10px 180px;
    padding: 10px 30px;
    height: 100%;
    border-top: 1px solid black;
    border-left: 1px dotted black;
    }
    Saluti
    ah...quella del sito è mia moglie
    Franco
    Changò

  4. #4
    Allora bravo.
    Are you alive?
    No, but I was written with LOVE. A new scripting language.
    www.frequenze.it

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    7
    Soluzione trovata per il bordo più corto della home in Mozilla 1.2/NN7 :
    mi è bastato aggiungere in fondo alla pagina

    <p style="padding-bottom: 20%"></p>

    buonanotte
    Changò

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 © 2025 vBulletin Solutions, Inc. All rights reserved.