ciao, ma come mai il wrapper non si allinea mai all'attaccatura della finestra? sbaglio io qualcosa? devo sempre impostare il margin-top a -8px affinche sia allineato. su firefox si con margine auto, che "0" resta sempre distante di 8 px
ciao, ma come mai il wrapper non si allinea mai all'attaccatura della finestra? sbaglio io qualcosa? devo sempre impostare il margin-top a -8px affinche sia allineato. su firefox si con margine auto, che "0" resta sempre distante di 8 px
inserisci questo come prima regola del tuo foglio di stile...
cosi porrai tutti i margini e i padding della pagina uguali a 0 e poi mano mano li andrai asettare nei casi specifici e in tutti i browser risulterà uguale.Codice PHP:*{
margin:0;
padding:0;
}
spero di aver capito la domanda...
compresa alla perfezione! grazie
ma come mai bisogna mettere questo elemento?
non basterebbe allineare il wrapper a 0?
No pechè il body ha un suo margine (differisce da browser a browser) ed il body è wrapper per eccellenza!![]()
già che ci siamo...ma come si fa per allungare il wrapper fino alla fine della finestra?cioè come è attaccato in alto, fare la stessa cosa in basso.
come mai mettendo height 100% si allunga solo in base al contenuto?
prova con overflow:auto sia per il wrapper che per eventuali elementi "float" che contiene.
prova cosi...
Codice PHP:*{margin:0; padding:0px;}
body,html{height:100%;}
#contenitore{
width:100px;
height:100%;
margin:0 auto;
background-color:#FF0000;
}
Codice PHP:<div id="contenitore"></div>
Non funzionerebbe perchè vi sono elementi fluttuanti (float). E' necessario impostare l'overflow su auto affinchè si adattino al contenuto.
Forse è buona l'idea di dare al body, html l'altezza 100%, ma risolve altri problemi, non quello dell'adattamento al contenuto.