Uniformare le altezze del sito nei vari browser.

Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    byte
    Registrato
    Jul 2007
    Età
    43
    Messaggi
    121

    Predefinito Uniformare le altezze del sito nei vari browser.

    Salve.
    Ho un sito, fatto e modificato diverse volte, in cui vorrei rendere uguali le altezze e le spaziature in verticale, in modo che si possa vedere allo stesso modo in tutti i browser. Il tutto è complicato dal fatto che vorrei mantenere corretta la validazione w3c e con il carrello PayPal si complica un po’ la cosa.
    Adesso, se lo si guarda con Explorer il sito è allungato in verticale in quanto aumentano le spaziature sopra e sotto il tasto "aggiungi al carrello" nonostante abbia impostato con una classe, l'altezza dello stesso e i margini verticali. Idem ho fatto per l'immagine che sta sopra e la scritta che sta sotto, ma evidentemente è interpretato diversamente dai vari browser.
    Qualcuno mi può aiutare ad uniformare la pagina senza fare grossi stravolgimenti?
    L'indirizzo è questo:
    http://www.idee-regalo.biz/articoli-regalo.html

    Questa la classe dell'immagine sopra:
    codice:
    .immaginiCatalogo {
     float: left;
     display: inline;
     width: 242px;
     height: 202px;
     margin-right: 10px;
     margin-top: 0px;
     margin-bottom: 0px;
    }
    Questa del pulsante aggiungi al carrello, che sta in mezzo:
    codice:
    .AggiungiAlCarrello {
     clear: left;
     float: right;
     display: inline;
     width: 150px;
     height: 24px;
     margin-top: -40px;
     margin-bottom: -40px;
     border-right: 1px solid #6479AD;
    }
    E questa quella del titolo sotto:
    codice:
    h2.titoliCatalogo {
     clear: both;
     font: 900 18px/20px Geneva, Arial, Helvetica, sans-serif;
     text-align: center;
     background: #3399ff;
     color: #FF0000;
     text-decoration: none;
       margin-top: 10px;
     margin-bottom: 0px;
    
    }
    Il problema, come già detto, è proprio rendere uniforme la spaziatura sopra l'aggiungi al carrello in tutti i browser: idem la spaziatura sotto.
    Grazie


    __________________
    nuovi gadget aziendali
    Ultima modifica di ghisirds : 23-08-2015 a 19:24

  2. #2
    Aborigeno WEB L'avatar di TheMic
    Registrato
    May 2003
    Località
    Avezzano (AQ)
    Età
    38
    Messaggi
    4,989

    Predefinito

    guarda... lì il problema mi sembra il FORM... infatti secondo me è lui che ti fa fare spaziature diverse ... prova ad azzerarlo cosi:

    codice:
    form {
     margin:0px;
     padding:0px;
     border:0px;
     display:inline;
    }




    P.S.: per la validazione ti consiglio di togliere il "_" davanti al nome e all'id (attributi NAME e ID) degli oggetti!


  3. #3
    byte
    Registrato
    Jul 2007
    Età
    43
    Messaggi
    121

    Predefinito

    Niente da fare, ho inserito quella regola css ma non è cambiato niente!
    Riguardo all'underscore, mi risulta perfettamente validata la pagina anche se vi sono i nomi con quel simbolo "_".
    Tu dici che da problemi?
    Ciao e grazie

  4. #4
    Aborigeno WEB L'avatar di TheMic
    Registrato
    May 2003
    Località
    Avezzano (AQ)
    Età
    38
    Messaggi
    4,989

    Predefinito

    Ciao ...
    Anche per i tag header ( H1, H2, H3, etc etc ) dovresti resettare i MARGIN e i PADDING.

    per quanto riguarda la storia del nome effettivamente mi sono espresso davvero male (perdonami ma quando ti ho scritto oggi andavo davvero di fretta...), lì l'errore è che tu ripeti per tutti lo stesso identico attributo NAME... quindi togli almeno l'underscore per differenziare il nome successivo.


    Fammi sapere!


Informazioni Thread

Users Browsing this Thread

Ci sono attualmente 1 utenti che stanno visualizzando questa discussione. (0 utenti e 1 ospiti)

Discussioni simili

  1. Uniformare altezze
    By ghisirds in forum -= Webdesign, Computer grafica, Video editing e Automation/Management =-
    Risposte: 1
    Ultimo messaggio: 12-01-2009, 13:52
  2. Restyling del sito OCLabs.com
    By BastardoDiMerda in forum -= La Piazza =-
    Risposte: 3
    Ultimo messaggio: 21-02-2002, 20:24
  3. Per Staff del sito!!!!!!!!!
    By TruTru in forum -= Hardware generico =-
    Risposte: 0
    Ultimo messaggio: 29-04-2001, 21:31

Tags

Regole d'invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
nexthardware.com - © 2002-2018

Search Engine Optimization by vBSEO 3.6.1