20px i img != 20px i css

Tags:    html css

Hej,
jeg har en div hvor der bliver lagt et billed som baggrund. Billedet er pracist 20px. højt. Og div'n er sat til 20px i css. Men alligevel er div'n 2 pixel større end billedet. Og derfor ser det lidt kejtet ud, da billedet giver diven en kant og en afrunde kant i bottom right hjørnet. <- i må lige sige til hvis i ikke forstår:D

Men altså. Jeg forstår ikke lige hvad problemet er. Så hjælp lige:)

Christoffer Buchholz
cbuchholz at ofir dot dk
http://www.christofferb.dk



8 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
Hej,
jeg har en div hvor der bliver lagt et billed som baggrund. Billedet er pracist 20px. højt. Og div'n er sat til 20px i css. Men alligevel er div'n 2 pixel større end billedet. Og derfor ser det lidt kejtet ud, da billedet giver diven en kant og en afrunde kant i bottom right hjørnet. <- i må lige sige til hvis i ikke forstår:D

Men altså. Jeg forstår ikke lige hvad problemet er. Så hjælp lige:)

Christoffer Buchholz
cbuchholz at ofir dot dk
http://www.christofferb.dk


Prøv at komme med lidt kode!
Måske har du en padding sat, eller andet.
Men vi kan ikke hjælpe dig uden koden.

Mvh. Emilbp



Havde ikke lige tænkt på at der var padding på, så det som den så rigtigt gjorde, lavede til 22px.
Og jeg fik det til at virke således: - så teksten også står sådan nogen lunde center:vertikalt.
Fold kodeboks ind/udKode 

Men jeg tænkte på. Hvorfor virker vertical-align:center; ikke hvis det sættes i min style.css fil. Men det virker hvis det sættes i selve div'n like: <div style="vertical-align:center;">hehe</div>?
Det skulle meget gerne være så vertikalt-centreret så muligt.

Christoffer Buchholz
cbuchholz at ofir dot dk
http://www.christofferb.dk

[Redigeret d. 19/11-05 10:11:31 af Christoffer]



insert border-style:none;



insert border-style:none;


Det løste heller ikke mit problem, Bjarke:D

Christoffer Buchholz
cbuchholz at ofir dot dk
http://www.christofferb.dk



Har du husket at tilføje doctype til siden?


-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------



Har du husket at tilføje doctype til siden?


-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------


Jeg har faktisk aldrig sådan rigtigt brugt doctype, da jeg aldrig har kunne se idéen bag ved dem. Måske jeg bare har misset noget da jeg startede med at lærer html?:$

Christoffer Buchholz
cbuchholz at ofir dot dk
http://www.christofferb.dk



Doctypen er din sikkerhed for at din hjemmeside ser så ens ud som muligt i alle browsere. Hvis ikke den bliver sat vil alle browsere tolke koden forskelligt. F.eks. hvis du laver en tabel vil den blive placeret forskelligt i IE og FF.



-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------



Doctypen er din sikkerhed for at din hjemmeside ser så ens ud som muligt i alle browsere. Hvis ikke den bliver sat vil alle browsere tolke koden forskelligt. F.eks. hvis du laver en tabel vil den blive placeret forskelligt i IE og FF.



-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------


Har aldrig haft problemer med at få det til at virke i de browsere jeg tjekker i: IE, FF/Mozilla, Galeon, Safari & Epiphany.
Uden brug af Doctype!

Christoffer Buchholz
cbuchholz at ofir dot dk
http://www.christofferb.dk



t