---

I mit forsøg på at bruge lidt mere CSS prøvede jeg forleden at ændre en
side, der hidtil har været struktureret med en (html) tabel om til en
(CSS) 'kasse'.struktur.

Resultatet kan ses på www.oyfss.dk/csstest.htm

Det viste sig imodlertid, at siden ikke vises pænt i Mozilla og
Konqueror (Linux), så jeg gjorde et nyt forsøg (med <div> i stedet for
<span>) - se evt. www.oyfss.dk/csstest1.htm

'test1' ser nogenlunde ud i IE (bortset fra, at bogstavfarverne ikke
bliver, som de 'burde'), men i Mozilla og Konqueror placeres 'kassen'
med navne for langt nede.

For at ændre dette, prøvede jeg at flytte 'navnekassen' lidt op
(www.oyfss.dk/csstest2.htm), men det fører selvfølgelig blot til, at
navnene i IE ryger for højt op! :(

Alle tre sider validerer OK som HTML 4.01 Transitional - så det undrer
mig, at de vises så forskelligt!(?)

Har jeg mon gjort en eller anden triviel fejl på de <div>-baserede
sider?

(Jeg har omsider fået løst det oprindelige problem [vedr. <span>], i
hvert tilfælde for IE og Mozillas vedkommende, ref.
www.oyfss.dk/csstest3.htm, men det er så en anden sag!)

--
(fjern slet fra mail adr.)
med venlig hilsen
Hans

---

Skal lige spørge for en ordens skyld: Har du forsøgt at validere din css-fil
også?
Du kan også lege med TopStyle Lite, programmet er godt til at fortælle,
hvilke options der kan bruges i hvilke browsere.
Håber det hjælper lidt.

Mvh. Lise Hougaard

--
Ved direkte henvendelse: Erstat .invalid med .dk

---

Hans Henrik Hansen skrev:

> Alle tre sider validerer OK som HTML 4.01 Transitional - så
> det undrer mig, at de vises så forskelligt!(?)

Din html-kode validerer fint, men der er bøvl med din css-kode. Fx
har du flere steder mellemrum mellem tal og enhed ("50 px") - det
er ikke tilladt.

Start med at validere din css-kode:
   <http://jigsaw.w3.org/css-validator/>


> Har jeg mon gjort en eller anden triviel fejl på de
> <div>-baserede sider?

Der er flere muligheder for fejl - udover ikkevaliderende kode.
Ofte er problemet at man ikke har specificeret margen eller fyld
(padding) for et eller flere elementer. Standardværdierne for
margen og fyld er ret forskellige fra browser til browser.

Hvis du vil vide hvorfor en side ser ud som den gør i Mozilla, er
den indbyggede DOM Inspector guld værd. Du finder den i menuen
Tools => Web Development. Prøv at lege lidt med den - det er et
uovertruffent værktøj til fejlfinding af layout.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote:
....
> Din html-kode validerer fint, men der er bøvl med din css-kode. Fx
> har du flere steder mellemrum mellem tal og enhed ("50 px") - det
> er ikke tilladt.
>
> Start med at validere din css-kode:
> <http://jigsaw.w3.org/css-validator/>

Fint, det var nyt for mig - jeg troede faktisk, at validator.w3.org
'klarede det hele'! :)
....
> Der er flere muligheder for fejl - udover ikkevaliderende kode.
> Ofte er problemet at man ikke har specificeret margen eller fyld
> (padding) for et eller flere elementer. Standardværdierne for
> margen og fyld er ret forskellige fra browser til browser.
>
> Hvis du vil vide hvorfor en side ser ud som den gør i Mozilla, er
> den indbyggede DOM Inspector guld værd. Du finder den i menuen
> Tools => Web Development. Prøv at lege lidt med den - det er et
> uovertruffent værktøj til fejlfinding af layout.

OK - det kigger jeg på; tak til jer begge for lynhurtige svar! :)


--
(fjern slet fra mail adr.)
med venlig hilsen
Hans

---

Hans Henrik Hansen skrev:

> Fint, det var nyt for mig - jeg troede faktisk, at
> validator.w3.org 'klarede det hele'! :)

Man skal huske at læse det med småt . Følgende passus står på
html-validatorens resultatside (et stykke nede) hvis html-koden
validerer:

| If you use CSS in your document, you should also check it for
| validity using the W3C CSS Validation Service.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote:
....
> Man skal huske at læse det med småt .

Hvor har du ret! :)

--
(fjern slet fra mail adr.)
med venlig hilsen
Hans

---

Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote:
....
> Din html-kode validerer fint, men der er bøvl med din css-kode. Fx
> har du flere steder mellemrum mellem tal og enhed ("50 px") - det
> er ikke tilladt.
>
> Start med at validere din css-kode:
> <http://jigsaw.w3.org/css-validator/>


Tak igen - siden

www.oyfss.dk/csstest1.htm

er nu 'revalideret' mht. html såvel som css, og den ser nu ud som
forventet i alle tre omtalte browsere! :))

--
(fjern slet fra mail adr.)
med venlig hilsen
Hans