padding matto!

[niklaspezia]

Alluscinante.... perchè il padding mi fa sto effetto matto?!?
www.deadeimari.it/provalay2/indexbug.php

vedete che mi fa sgarrare la tabella a destra?!? perchè mai?

il sito normale invece è qui
www.deadeimari.it/provalay2/index.php

cambia solo un

padding-right: 20px;

in più nel css di riferimento..... come diamine posso fare per ovviare a tale problematica?!?!!?!?

Grazie milleeeeee

Nik

[floyd46]

dipende da come hai scritto il codice CSS;
se vuoi un box di 700 px ed a questo dai un padding di 20 px, il tuo box non sarà + di 700 ma di 720px!
se al box dai un margin,per esempio, di 10px, il tuo box sarà di 740px!! (10px x lato di margin in +). Se, ancora, dai un bordo di 1 px, il box iniziale diventa di 742px!!! è la regola del box model;
prova ad usare il codice di tantek (www.tantek.com)
ciao

[niklaspezia]

mmmm, ti ringrazio per la risposta ma mi pare un po' complicata come cosa... io ho sempre usato fare così nel css esterno di riferimento:

TD.centrale {
font-family: Verdana;
font-size: 13px;
color: #003366;
text-align:justify;
padding-right: 20px;
}

e vi giuro che ha sempre funzionato... ora invece mettendo il padding mi "allunga" la tabella e mi scasina il layout...

come mai?!?!?!?!?!....

[floyd46]

ti conviene riscrivere il CSS in base a quello che è risultato, non perchè l'ho scritto io
il comportamento dei CSS + padding ecc è quello.
ciao

[niklaspezia]

no, anzi grazie mille per le risposte...

Cmq io vorrei sapere perchè in questo caso mi fa un bug che non mi ha mai fatto.... non ha senso come cosa..

ad ogni modo, partendo dal presupposto che il sito non è fatto tutto in css ma ho utilizzato un css esterno per formattare un po' il testo... come diamine devo fare per far si che il testo mi stia separato dal bordo di 30 px?!?

grazie mille...

[floyd46]

innanzitutto bisogna vedere il DOCTYPE che hai inserito nella pagina;
potrebbe essere interpretato in maniera differente a seconda del browser. Per fare in modo che non ti si crei tutto quel caos puoi,
tranquillamente fare in questo modo:
creati lo scheletro della pagina, che può essere una tabella (meglio di no) oppure un DIV (meglio di si) e non dare al contenitore nessun padding, altrimenti ti ritorna quel caos; il padding lo vai a dare, invece, al tag

; in modo tale che esso sarà sempre distante dai bordi della misura che vuoi tu. Spero di essere stato kiaro.
ciao