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

    Dubbio su *{margin:0;padding:0;}

    Salve a tutti!
    Ho un piccolo dubbio...
    Nel codice che riporto in basso applico come prima regola un bel *{margin:0;padding:0;} per azzerare tutti i margini ed i padding di tutti gli elementi...
    Mi accorgo però che buona parte degli elementi mantengono ancora i margini ed i padding, perciò mi tocca riazzerarli... Perchè?
    N.B. Gli elementi andranno dentro il div "corpo".
    Ecco il codice:
    Codice PHP:
    *{
        
    margin:0;
        
    padding:0;
    }
    html,body{
        
    height:100%;
    }

    body{
        
    font-family:VerdanaArialHelveticasans-serif;
        
    font-size:13px;
    }
    div#documento{
        
    position:relative;
        
    width760px;
        
    height100%;
        
    margin:0 auto 0 auto;
    }

    body>div#documento{
        
    height:auto;
        
    min-height:100%;
    }


    div#testata{
        
    background-color:white;
        
    height:70px;
        
    padding:5px 10px 0 10px;
    }
    div#menu{
        
    position:relative;
        
    height:65px;
    }
    div#corpo{
        
    position:relative;
        
    padding:10px 10px 50px 10px;
    }
    div#piede{
        
    positionabsolute;
        
    bottom:0
        
    width100%;
        
    height:30px;
        
    padding-top:10px;

    Vi ringrazio tutti in anticipo!
    What is the |\/|atrix?

  2. #2
    Nessuna idea?
    What is the |\/|atrix?

  3. #3
    Con che browser? So per certo che molte versioni di IE IGNORANO totalmente il selettore * ...
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  4. #4
    Ie6,Firefox e Opera... ognuno ha i suoi tag che vanno rimarcati...
    What is the |\/|atrix?

  5. #5
    Naturalmente stai usando le doctype che attivano lo strict compliancy mode, vero?
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  6. #6
    Sto utilizzando questo: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    What is the |\/|atrix?

  7. #7
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  8. #8
    Si, IE riconosce il selettore universale, ma a modo suo.
    Per esempio, il Tan hack:

    codice:
    * html elemento { }
    è riconosciuto, ed anche * {margin: 0; padding: 0; }
    (vedi il sito di Eric Meyer)

    Altre combinazioni anche, tipo:

    codice:
    elemento * {...}
    l'origine di questo modo di scrivere i CSS sta nel fatto che alcune versioni di Opera mettevano il padding su <html>. poi ovviamente è venuta fuori l'applicazione per altri scopi, come il font-size ecc. in genere è un metodo che si basa sull'eredità e la cascata per funzionare, anche se io personalmente lo sconsiglio, almeno sapendo che browser come IE hanno un concetto di eredità alquanto bizzarro. meglio usare le singole dichiarazioni per i vari elementi, partendo da <html>.

    il tuo problema nasce dal conflitto tra il foglio di stile di default dei browser e il selettore *.
    questo selettore ha una specificità minore dei selettori usati dai brower. per esempio, FF ha questa dichiarazione:

    codice:
    body {margin: 8px}
    che tu puoi annullare usando lo stesso selettore, con pari specificità. ciao

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.