Newsgroup: it.comp.lang.javascript
Titolo: [?] width e Padding-Left

E' un po' che ci smadonno.
Semplice div con width=100% e padding-left=15px. Domanda: perché mai mi fa
il div lungo 100%+15px? Il padding non dovrebbe essere interno?
Ho risolto per adesso in un modo che non so se sia molto bello:
width=100%-15px; 
E sembra funzionare (IE6 - Firefox 1.0).
E' corretto oppure ci sono altre soluzioni piů "umane"? (quella sottrazione
mi fa veramente schifo...)
Ecco l'esempio:
http://www.criosoftware.it/PaddingWidth.htm
Grazie a tutti
-- 
"E' l' ignoranza che crea l'intolleranza
 di gente cieca e senza coscienza"
									  S.S.S.

 il div lungo 100%+15px? Il padding non dovrebbe essere interno?
Aridaje.. Te lo vuoi almeno leggere 
constile.org
, o no..?
.. Eviteresti di sprecare tempo, risorse, e soprattutto imprecazioni.
http://www.constile.org/tutorial/IE5_box_model/
-- 
ZER0://coder.gfxer.web-designer/
~ ..ma in effetti il concetto di WYSYWYG (quello che vedi e' quello che
ottieni) si applica ai computer malissimo, cosi' come si applica alle
donne... (The Real Programmer)
on air ~ "BOA - Duvet (Lain Theme)"

 
http://www.constile.org/tutorial/IE5_box_model/
Ok, ho sbagliato a ragionare sul padding (anche se IMHO mi sembra più
intelligente il box-model di IE5).
Però il problema resta: un width=100% con padding-left=15px non è fattibile
perché supera il 100%? Non si può quindi fare un width='100%' comprensivo
di padding? Cioé: come fare a creare un div con width=100% e
padding-left!=0, che sia *realmente* il 100% della pagina (cioé non faccia
comparire la barra di scorrimento orizzontale)?
Oppure quel css che a me fa schifo in realtà è corretto? (width=100%-15px)?
-- 
"e mai che mi sia venuto in mente
 di essere più ubriaco di voi
 di essere molto più ubriaco di voi"
									  F.D.A.

 .. Eviteresti di sprecare tempo, risorse, e soprattutto imprecazioni.
Dimenticavo: lo ho letto tutto e con grande attenzione, solo che mi sono
studiato l'intero sito in un'oretta...forse qualcosa non sono riuscito a
registrare (devo espandermi la ram, temo...) :-/
-- 
"Emancipate yourselves from mental slavery;
None but ourselves can free our minds"
									    B.M.

 
http://www.constile.org/tutorial/IE5_box_model/
Ultima cosa: la pagina che ho postato sembra funzionare correttamente anche
con IE5 (vedo tutte e 2 le barre corrette). Questo perché, immagino, IE mi
interpreta 100%-15px=100% (e quindi, poiché IE5 include il padding, la
visualizza nel modo desiderato). Può quindi essere una strada alternativa
per l'hacking del box-model di IE5?


 Oppure quel css che a me fa schifo in realtà è corretto? (width=100%-15px)?
"Corretta" non e' corretta.. a livello di sintassi, dico. Perche' non stai
facendo cio' che tu credi, ovvero "sottrarre" al cento per cento, quindici
pixel.
Credo "Rompa" solamente il box model, ed e' per questo che da'
l'impressione di funzionare.
Scrivere:
padding-left:15px;
width:100%-1500px;
dovrebbe sortirti il medesimo effetto, cosi' come:
padding-left:15px;
width:100%-;
-- 
ZER0://coder.gfxer.web-designer/
~ "Compiere l'impossibile e' impresa che risiede nel cuore degli uomini"
(Mariners and generals)
on air ~ "Radiohead - High and Dry"

 con IE5 
Con IE5 ti funziona per forza di cose; ha il box model rotto (a differenza
di IE6 con doctype corretto).
-- 
ZER0://coder.gfxer.web-designer/
~ Le donne si dividono in 4 categorie: le suore (non la danno a nessuno);
le puttane (la danno a tutti); le stronze (la danno a tutti tranne che
a te); le rompiballe (la danno a te e solo a te).


 registrare (devo espandermi la ram, temo...) :-/
Non credo sia una questione di RAM, quanto che fare le cose di fretta non
ha mai dato ottimi risultati.. A mio avviso, uno dovrebbe ritagliarsi il
tempo che serve, quando decide di imparare qualcosa di nuovo.
Altrimenti e' un po' come studiare storia la mattina dell'interrogazione in
autobus.. :)
-- 
ZER0://coder.gfxer.web-designer/
~ "When you have eliminated the impossible, whatever remains,
however improbable, must be the truth." (S.H.)


 pixel.
[CUT]
Questa poi...la strada più semplice è quella corretta: basta non mettere la
width e viene impostata automaticamente come la larghezza della pagina
(quindi setta la width come larghezzadellapagina-margin-padding).
Quindi, mi sa, semplicemente la mia bellissima 100%-15px veniva
semplicemente ignorata (non da IE5 ma da tutti i browser).
Grazie.


 semplicemente ignorata (non da IE5 ma da tutti i browser).
Aah.. questo intendevi. Si, e' vero, probabilmente non essendo un essendo
un valore valido veniva mantenuto il valore precedente.
-- 
ZER0://coder.gfxer.web-designer/
~ Una mente perversa e' un peccato sprecarla.
(A dirty mind is a terrible thing to waste)
on air ~ "Kenny Loggins - Footloose"