padding-left mi fa uscire la scrollbar

[rikkardone]

ciao,
io ho questo div

div.footer {

background-color: #FFFFFF;

padding-top: 21px;
padding-left: 200px;

width: 100%;
height: 48px;
float: left;
}

ho inserito il padding-left per far partire il testo 200px più a destra.
però, così facendo, nella finestra del browser mi si inserisce la scrollbar.. nonostante io abbia la width a 100%.

come faccio a far in modo che non mi entri la scrollbar?
grazie mille

[happyandrea]

text-indent: 200px;

e togli il padding. Però è solo per la prima riga di testo. Sicuramente qualche metodo migliore c'è

Ciao

[fcaldera]

basta scrivere width: auto; (oppure omettere del tutto la definizione della larghezza. E' un div, cercherà di adattarsi comunque su tutto lo spazio orizzontale)

[rikkardone]

perfetto!
mi va bene anche così, visto che io ho solo una riga di testo!

grazie!



PS: sarebbe bello capire se qualcuno saprebbe il metodo per ottener la stessa cosa con più righe di testo..

[fcaldera]

Originariamente inviato da rikkardone
PS: sarebbe bello capire se qualcuno sapesse il metodo per ottener la stessa cosa con più righe di testo..

hai provato a togliere la larghezza...?

[rikkardone]

non posso, perché voglio che sia 100%..
cmq ho risolto..

grazie!

[fcaldera]

in automatico un div si allarga già al 100% dello spazio disponibile

solo che se scrivi esplicitamente width: 100% e padding-left... il div uscirà dallo spazio a disposizione (essendo 100% + 200px > 100%)

se NON scrivi width: 100% MA scrivi solo padding-left il div sarà sempre lungo il 100% ma imposterà la larghezza in modo tale da restare all'interno del suo contenitore

[rikkardone]

grazie!