Problemer med padding

[Reticent]

Hei, har en div som inneholder en tekst. Når jeg ikke har noen padding på ser alt bra ut, men når jeg legger på padding slik at teksten skal skyves litt inn fra kantene utvider selve diven seg for å oppnå dette. Jeg vil at diven skal beholde størrelsen mens teksten blir trykt sammen. Hvordan gjør jeg dette?

[mikk-]

Siden paddingen alltid skal legges til bredden, vil dette selvfølgelig alltid skje. For å motvirke dette, kan du minske den oppgitte bredden, width.

[funkweb]

Fant noe på internett:

 

<div id="wrap">
 <div class="span">Tekst her, bla bla bla bla bla bla, hohohoho</div>
</div>

 

.span {
white-space: pre-wrap; /* css-3 should we be so lucky… */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 ?? */
white-space: -o-pre-wrap; /* Opera 7 ?? */
word-wrap: break-word; /* Internet Explorer 5.5+ */
_white-space: pre; /* IE only hack to re-specify in addition to word-wrap */
} 
#wrap {
width: 100px;
}

[mikk-]

Hva er det godt for?

[Gjest Slettet+6132]

Hei, har en div som inneholder en tekst. Når jeg ikke har noen padding på ser alt bra ut, men når jeg legger på padding slik at teksten skal skyves litt inn fra kantene utvider selve diven seg for å oppnå dette. Jeg vil at diven skal beholde størrelsen mens teksten blir trykt sammen. Hvordan gjør jeg dette?

5356555[/snapback]

 

Er ikke margin du er ute etter da? Margin skyver fra utsiden av et element, mens padding skyver fra innsiden.

[-Teddy-]

Hei, har en div som inneholder en tekst. Når jeg ikke har noen padding på ser alt bra ut, men når jeg legger på padding slik at teksten skal skyves litt inn fra kantene utvider selve diven seg for å oppnå dette. Jeg vil at diven skal beholde størrelsen mens teksten blir trykt sammen. Hvordan gjør jeg dette?

5356555[/snapback]

 

Er ikke margin du er ute etter da? Margin skyver fra utsiden av et element, mens padding skyver fra innsiden.

5360740[/snapback]

 

Ofte greit å bruke padding har jeg funnet ut. Hender at ting som er floatet her og der oppfører seg litt rart om det er 30 margins på alle kanter. Sett på padding og trekk paddingen fra width slik som Mikka sa.