Hallo mensen,

Ik heb een klein probleempje, ik wil graag een padding gebruiken alleen wil ik dat hij niet uit de box gaat.
Zo ziet het eruit:



Maar ik wil dat hij aan de rechterkant erin blijft ongeacht de grootte van de tekst.
Dit is de CSS:

Code:

#right{padding-top: 10px;
padding-right: 43px;
background-color: #B8B09D;
border-width: 1px;
border-style:solid;
border-color:#530F0F;
height: 200px;
margin-top: 20px;
margin-right: 20px;
width: 195px;
float: right;
}


#right k{
width:100%;
padding-left: 10px;
padding-top: 10px;
margin-top: 10px;
padding-bottom: 10px;
color: white;
padding-right: 100%;
background-color: #530F0F;
}

Iemand ervaring of een idee om het op te lossen?

Mvg,

Hi,

Indien k een div is, dan hoef je geen width mee te geven, en maakt die er zelf de breedte van die de omliggende div heeft.

Anders kan je ook width weg halen en display: block; ervan maken...

Een oplossing met width: 100% behouden en dan paddings weet ik zo 1.2.3. niet.

Succes

Gr
Wesley

Kun je de complete code van je block even uploaden op JSFiddle?

Als je in #right gewoon "overflow:hidden" toevoegt ben je er denk ik ook al.

Code:

-webkit-box-sizing: border-box;       /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;           /* Firefox, other Gecko */
box-sizing: border-box;                   /* Opera/IE 8+ */

Bedankt, overflow: hidden; werkte perfect!