Avatar billede Trinh Nybegynder
22. maj 2010 - 16:50 Der er 8 kommentarer og
1 løsning

Fejl i SCC visning

Hej Eksperten

Jeg har lavet en hjemmeside ved hjalep af CSS. Med CSS har jeg oprettet en tekstboks, som "vokser" i stoerrelsen i takt med indholdet (se vedhaeftet billede).

Paa to servere bliver CSS vist korrekt, men efter at jeg har oploadet CSS paa en tredje server vises en "afstand" (se roed markering paa billedet).

Jeg ved ikke hvori fejlen kan ligge?
Kan I hjaelpe mig videre?

Paa forhaand tak for hjaelpen!

CSS filen kan i se paa foelgende link:
www.ariesanto.de/main.css
http://www.ariesanto.de/css_fail_001.jpg
Avatar billede claes57 Ekspert
22. maj 2010 - 16:57 #1
det ligner (jeg har ikke målt efter)
.box-2-bg { padding:10px 0 10px 20px;
Avatar billede Trinh Nybegynder
22. maj 2010 - 17:11 #2
Tak for din hurtige tilbagemelding.
Alle "box" har denne afstand. Jeg ved ikke, hvad der skyldes denne? Kan det have noget at goere med antal px?
Avatar billede claes57 Ekspert
22. maj 2010 - 17:25 #3
jeg kan kun gætte, da jeg ikke har din kode til siden, og dermed se, hvor css-koden er kaldt.
afstanden er dog øverst 10px, og nederst 20px på billedet med fejl, så de tal er jagtet i css-scriptet.
Avatar billede Trinh Nybegynder
22. maj 2010 - 17:31 #4
Boksene er opbygget med DIV Tags.

Jeg har markeret omraadet med blaat:
http://www.ariesanto.de/code_fail_002.jpg

Spoergsmaalet er hvorfor bliver disse "afstande" imellem DIV TAGS vist? Findes der koder som kan forbinde disse "afstande"?
Avatar billede claes57 Ekspert
22. maj 2010 - 17:50 #5
i linje 9 og 31 - fjern <div></div> så der kun er billedet tilbage.
Avatar billede Trinh Nybegynder
22. maj 2010 - 17:58 #6
Tak for tippet, men desvaerre forbliver afstanden der :(
Avatar billede claes57 Ekspert
22. maj 2010 - 20:17 #7
så ville jeg prøve at sætte padding (indre-afstand) til 0px overalt, hvor det optræder.
Virker det ikke, så prøv med margin.
På et tidspunkt rammer du det rigtige - andet ser galt ud, men det rettes efterfølgende.
Avatar billede Trinh Nybegynder
23. maj 2010 - 14:57 #8
Tak for din hjaelp!
Jeg har fundet loesningen:
<img style="display: block;" src="..">
Avatar billede Trinh Nybegynder
23. maj 2010 - 14:58 #9
Man skal kun angive denne "kode" saa bliver afstanden mellem billedet og boksen fjernet :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



IT-JOB

Saab Danmark A/S

System Engineer

Udviklings- og Forenklingsstyrelsen

Tech lead til Java-backend udviklingsteam

Danske Commodities A/S

Senior software developer