Kode siden om for IE

31. januar 2006

Heisann

Sliter skikkelig akkurat nå, IE renderer ikke siden min korrekt, alt flyter rundt.. Lurte på om noen kunne sett litt på dette, det haster..

Legger ved en zip med alle nødvendige filer. Håper noen har tid og lyst til å se på! Den som løser problemet får fire forskjellige gode erotiske noveller

http://rapidshare.de/files/12243509/html_11.zip.html

For de som vil sjekke en preview (merk: en uke gammel) se på denne siden: http://home.no.net/waffelok/html

Husk at denne er en uke gammel og ikke slik som den i zipen, men samme layout for det meste

Sist endret av klarhimmel1234; 31. januar 2006 kl. 17:52.

vidarlo

Trigonoceps occipita

27.682 31.078

31. januar 2006

http://validator.w3.org/check?verbos...waffelok/html/
er bra utgangspunkt. Fix feila.

Octavarium

1.292 5

31. januar 2006

Sitat av slashdot

http://validator.w3.org/check?verbos...waffelok/html/
er bra utgangspunkt. Fix feila.

Vis hele sitatet...

Tulling. Valid kode er ikke synonymt med korrekt visning i IE.

width: 300px !important;
width: 270px;

Vis hele sitatet...

Den øverste leses av alt annet enn IE. IE leser kun nederste. Dette kan brukes på width, height, padding, margin, etc. Du kan nok fikse hele siden IE-vennlig ved hjelp av dette

Sist endret av Octavarium; 31. januar 2006 kl. 20:10.

klarhimmel1234

Trådstarter

1.366 11

31. januar 2006

Den forstod jeg ikke, hæ?

Octavarium

1.292 5

31. januar 2006

Altså... Det er forskjell på hvor IE og de andre browserne legger padding, margin, etc. Hvis du har en boks som er 300px bred og setter på padding, vil paddingen legge seg som ekstra bredde på boksen i ikke-IE browsere, mens IE vil beholde bredden sin. Det vil skape kaos i IE, om du har tilpasset CSSen til andre browsere, uten å tenke på dette.

Forøvrig kan du prøve å google "box model hack" for mer informasjon, om du skulle trenge det.

SilverKhan

Up is the new down

1.494 144

31. januar 2006

Når det står !important bak en verdi betyr det at den skal brukes uansett om det står noe annet senere i fila (browseren bruker ellers siste verdi som er gitt). IE har ikke støtte for !important så den vil uansett velge den verdien som står senest i fila.

Det er med andre ord en måte å fore IE annen informasjon enn browsere med bedre CSS-støtte.

En annen, og i mine øyne bedre, måte er å bruke Conditional comments

Octavarium

1.292 5

31. januar 2006

Personlig liker jeg !important; best til småting. Er det mange ting å endre for IE's del foretrekker jeg å bruke et eget stylesheet til IE, med IF-koden SilverKhan fåreslo

klarhimmel1234

Trådstarter

1.366 11

31. januar 2006

Woho, da har jeg en hel natts jobb forran meg, eller ikke.. Læreren min skal få syte over at den ikke fungerer i IE

Oppgaven var jo å lage en side for deg selv 10 år frem i tid, da kan jeg jo bruke som argument at IE har kommet med "bedre" lesere innen den tid? hehe

SilverKhan

Up is the new down

1.494 144

31. januar 2006

Hvis du endrer bredden til #tekst fra dette:

Kode

/* tekst */
#tekst {
	float:left;
	width:540px;

til dette:

Kode

/* tekst */
#tekst {
	float:left;
	width:540px;

Så blir det meste ordna. Eneste som er fucked er tjenester, jeg ville nok rewrita den... Synes du har brukt litt strange kode der, men det er en annen sak.

edit: Så nå at sida med det første bildet også er litt buggy...

(Siden læreren griner over at sida ikke funker i IE regner jeg med at han/hun ikke bryr seg om at xml:lang attributten ikke gir noen mening med mindre sida sendes med MIME-type application/xhtml+xml...)

Sist endret av SilverKhan; 31. januar 2006 kl. 21:27.

TipeX

Nub!

2.600 127

31. januar 2006

Problemet er nok som tidligere sagt at IE og resten av verden kalkulerer marginer og padding forskjellig og du ikke får nok margin i IE. Screw IE, screw life. Jeg liker conditional comments, men jeg liker enda bedre "korrekt" HTML

Det pleier som oftes å bli et godt resultat i de fleste nettlesere.

SilverKhan

Up is the new down

1.494 144

2. februar 2006

Ehh... jeg må lære meg og sove om nettene... du skal endre fra 550px til 540px... ikke fra 540 til 540

Sorry...