Id-Element, skal ha padding, element strekker seg

[skromt]

Hvis man skal ha et id-element, og ha padding, da vil elementet strekke seg.

 

er position fixed løsningen?

[Arve Systad]

http://www.w3.org/TR/REC-CSS2/box.html

 

Les og lær

 

Hugs at paddingen er marg på "innsida" av elementet, og vil difor påverke den visuelle størrelsen på elementet. Om du er ute etter å ha avstand til element rundt må du bruke margin-eigenskapen, sidan den lagar marg på "utsida" av elementet.

[skromt]

yes, men når man bruker margin liker firefox å flytte hele elementet

[Arve Systad]

Sjølvsagt vil elementet flytte seg i forhold til andre element når du gir det marg, det er jo heile poenget med den. Du lagar "luft" rundt elementet, og for at det skal "gå opp" med alt rundt, flyttar det seg lengre ifrå alle andre nærliggande element.

[skromt]

greit, bruk padding på selve teksten. Dumme meg, hva tenkte jeg på!!

Endret 26. juni 2006 av skromt

[skromt]

Bare et lite problem, veldig inkonsistens med hvordan mozilla reagerer i forhold til explorer.

[rønning]

Bare en liten kommentar til dette innlegget:

 

har selv opplevd at div-elementer strekker seg hvis man setter på padding. Hvis diven har gitt bredde 400px, og fyller den med tekst, og setter på padding, vil div-elementet strekke seg og bli bredere...har ikke funnet ut hvorfor dette skjer, men det har skjedd noen ganger.

[skromt]

.p.(elementnavn){}

 

funker visst ikke med mozilla;)

 

Men joa, det jeg gjorde no var simpelthen lage en div class.

 

.p.text_padding{

left-padding: 20%;

top-padding: 15%;

[Arve Systad]

Bare en liten kommentar til dette innlegget:

 

har selv opplevd at div-elementer strekker seg hvis man setter på padding. Hvis diven har gitt bredde 400px, og fyller den med tekst, og setter på padding, vil div-elementet strekke seg og bli bredere...har ikke funnet ut hvorfor dette skjer, men det har skjedd noen ganger.

 

Det skal etter reglane alltid skje.

 

Total breidde på element = Width+2*padding+2*margin+2*border-width

Total breidde på "det synlige elementet" er det samme minus 2*margin.

 

Fordi padding legg seg på "innsida" av elementet skal elementet alltid utvide seg med padding.

 

.p.(elementnavn){}

 

...er heller ikkje riktig.

 

Punktum før elementet vil seie at du har ein klasse med navn "p". Les her for ei grundig forklaring av det heile.

Endret 26. juni 2006 av Arve Systad