Come mai se faccio width=100% esce tutto fuori

[Donovant]

Salve gente, come mai se metto ad esempio una tabella dentro un body dichiarato in questo modo:

html, body {margin:0; padding:0; border: 2px solid black;
background:#aaa; height:100%;}

e la tabella:

table#t1 { background:#abc; border: 2px solid white; width:100%;
margin: 0px 70px; text-align:center; position: fixed; }
th{ background:#55c; }
td{ background:#99c; }

ma la tabella esce fuori dal BODY e mette uno scorrl bar orizzontale.

[Fello]

probabilmente è il margin della tabella....

[simulacron]

Originariamente inviato da Donovant
Salve gente, come mai se metto ad esempio una tabella dentro un body dichiarato in questo modo:

html, body {margin:0; padding:0; border: 2px solid black;
background:#aaa; height:100%;}

e la tabella:

table#t1 { background:#abc; border: 2px solid white; width:100%;
margin: 0px 70px; text-align:center; position: fixed; }
th{ background:#55c; }
td{ background:#99c; }

ma la tabella esce fuori dal BODY e mette uno scorrl bar orizzontale.

Se la tabella e il body sono entrambi a 100%, mandi in confusione il browser con i margin (non cisono pix a disposizione e lui si arrangia come può.....)

[Donovant]

Ovvero??? cosa vuol dire questo???

[simulacron]

Da come scrivi, si suppone che la larghezza del body sia 100% e pure la tabella#t1, salvo errori, ovviamente....
In altri termini, si sovrappongono esattamente....
Dove trovi lo spazio per i margini? La tabella#t1 che tu metti larga 100% dovrebbe essere di larghezza inferiore per fae stare dei margini.....A meno di un lapsus tuo che ti ha fatto confondere i margin (margini esterni) con i padding (margini interni....).
Tieni presente che hai messo pure un border da 2px per cui la larghezza di#t1 è 2px (per lato) più ampia del body......Mandi in confusione il browser....
Prova a restringere la tabella....dovrebbe tornare tutto a posto (Sempre salvo miei errori di interpretazione, ovviamente).....

[Donovant]

Cacchio hai proprio ragione, ho confuso il margin con il padding, o almeno penso...
spè, i bordi sono i bordi ok, padding la distanza di quello che metto dentro dal bordo, e i margini sono le distanze fra i vari elementi html...
No allora nn mi sono confuso...
Ho messo 100% nella tabella perchè io pensavo che cmq fosse il 100% del body...
Cioè se io avessi impostato il body al 60% io pensavo che mettendo la tabella al 100% la impostasse 100% rispetto al body... ma quindi così nn è???

[simulacron]

Originariamente inviato da Donovant
Cacchio hai proprio ragione, ho confuso il margin con il padding, o almeno penso...
spè, i bordi sono i bordi ok, padding la distanza di quello che metto dentro dal bordo, e i margini sono le distanze fra i vari elementi html...
No allora nn mi sono confuso...
Ho messo 100% nella tabella perchè io pensavo che cmq fosse il 100% del body...
Cioè se io avessi impostato il body al 60% io pensavo che mettendo la tabella al 100% la impostasse 100% rispetto al body... ma quindi così nn è???

Nel tuo caso, ha fatto un ....po' di casino....
Hai messo il body al 100% (=riempito tutto)
l'hai fatto pure con la tabella(=hai riempito tutto il body)
Ergo i margin non ci stanno più (sono i margini esterni....) i padding, sì(sono i margini interni....)....

Il caso ha voluto che fossero entrambi alla loro dimensione massima e, quindi si sovrapponessero;

Usualmente, la dimensione del contenitore è indipendente da quella del contenuto....

Non importa la dimensione del body; la tabella al 100%, la tabella sarà il 100% del contenitore (il body).
Se vuoi mettere qualcosa tra la tabella e il body, devi restringere la tabella....

[Donovant]

Allora io avevo già risolti, ma lenvando 100%, perchè se lo metto, esce di parecchio fuori, era questo che non capivo... ma vedendo capisco che facendo 100% mi fa la tabella lunga quanto il body, solo che la tabella inizia 70px più a destra del body rispetto il lato sinistro, e quindi mi fuoriesce 70px più a destra del body sul lato destro.

[simulacron]

Originariamente inviato da Donovant
Allora io avevo già risolti, ma lenvando 100%, perchè se lo metto, esce di parecchio fuori, era questo che non capivo... ma vedendo capisco che facendo 100% mi fa la tabella lunga quanto il body, solo che la tabella inizia 70px più a destra del body rispetto il lato sinistro, e quindi mi fuoriesce 70px più a destra del body sul lato destro.

se spingi a destra la tabella di 70 pixel, è probabile.....