---

hej alle sammen,

Jeg har lidt problemer med css og netscape 6. Jeg har for første gang kodet
et site udlukkende i css, men der er nogle huller jeg ikke rigtig kan komme
uden om. Har fået det til at virker 99,9% i explorer 6.

1. Der er et par eller 3 pixels afstand mellem 2 billeder (se note. 1 på
billedet) nogle steder (begge billeder er "indrammet" i hvert sit div tag(2
og 3), samt et div tag(1) omklamrer begge!) - Kan ikke fjerne mellemrummet,
why?

2. Div'et om billedet (se note. 2 på billedet) angiver "background-color" og
en "width", men baggrundsfarven vises ikke og man kan derfor se baggrunden
for div1?

3. Tilsidst har jeg et div tag(0) som fylder siden 100% i højden og angivet
med pixel i bredden med en background-color som ikke vises - må være samme
problem som i sp2 ?

// illustration for spørgsmål 1, 2 og 3 //
<div0>

<div1>
<div2>pic1</div2>
<div3>pic2</div3>
</div1>

</div0>

Se problem: http://www.pixelshade.dk/netscape6.gif

Sådan vil jeg ha det til at se ud: http://www.pixelshade.dk/explore6.gif

Link til min css fil: http://www.pixelshade.dk/style2.css

Testet i Explore 6.0.2 og Netscape 6.2.3


Håber der er nogen som sidder med en løsning eller 2

På forhånd mange tak
Mvh Henrik

---

Hej Henrik


Henrik wrote:
> 1. Der er et par eller 3 pixels afstand mellem 2 billeder (se note. 1 på
> billedet) nogle steder (begge billeder er "indrammet" i hvert sit div tag(2
> og 3), samt et div tag(1) omklamrer begge!) - Kan ikke fjerne mellemrummet,
> why?

Nu har jeg ikke kigget så grundigt at jeg rent faktisk har studeret din
CSS og HTML-kode. Men det første problem herover kunne meget vel skyldes
at din billeder er mindre end liniehøjden. For en nærmere forklaring +
nogle løsningsforslag, se:

http://devedge.netscape.com/viewsource/2002/img-table/

Den mest oplagte løsning er nok at sætte style="display: block" på de
billeder hvor problemet opstår, og at være helt sikker på at der ikke er
noget luft (ikke er nogle mellemrum) i de DIVs billederne ligger i.


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?!! --> http://www.rockland.dk/stig/upghtml.html *

---

Hej Stig


Stig Nygaard wrote:
> Men det første problem herover kunne meget vel skyldes
> at din billeder er mindre end liniehøjden.

Lige for at korrigere mig selv, så er det et generelt fænomen når en
tabel-celle (eller div) indeholder billeder og man Netscape6/Mozilla er
i en "non-quirks mode" (mode afhænger af !doctype). Det er ikke kun når
billederne er mindre end liniehøjden, der vil altid være nogle pixels
luft under billedet som default fordi billeder som default er "inline
elementer" og står på en linies "baseline" (I browsere som følger
standarden 100% altså). Den mest oplagte workaround er selvfølgelig at
gøre billederne til blok-elementer med style="display: block". Skal der
være flere billeder ved siden af hinanden i én celle, så må man også
huske at sætte float-style rigtigt på disse, da blok-elementer som
default vil stå under hinanden.


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *

---

> Den mest oplagte løsning er nok at sætte style="display: block" på de
> billeder hvor problemet opstår, og at være helt sikker på at der ikke er
> noget luft (ikke er nogle mellemrum) i de DIVs billederne ligger i.

Takker for dit fantastiske løsningsforslag som virker rigtig godt :)


Andre der kan svare på de 2 sidste?


Mvh Henrik

---

Hej Henrik!


Henrik wrote:
> jeg har prøvet at angiv .pic {display: block;}i min eksterne css fil og
> indsætte det som en en class i et div <div class="pic"><img
> src="billede.gif"></div> men så sker der ikke noget, men hvis jeg sætter
> class'en ind i "img" tagget så virker det. Hvorfor ? Er der andet jeg er
> gået glip af ?

Du skal sætte det på billedet, da det er dit billede som skal laves om
fra at være et inline-element til at være et blok-element. Så hvis jeg
har udtrykt mig uklart, så er det altså korrekt som du har fundet ud af.
DIV er i øvrigt i sig selv et blok-element (og det er faktisk også det
eneste det er, bortset fra det er DIV et "neutralt" element), så at
sætte en style="display: block" på dine DIVs burde ikke have nogen
effekt overhovedet.

PS. Jeg svarer normalt ikke på henvendelser pr. email. Idéen med
newsgroups er netop at alle kan følge med og lære af hinandens problemer
og spørgsmål. Derfor har jeg da også kopieret dette svar i den
newsgroup-tråd vi startede.


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *