IE rendrer dårlig (position absolute og relative)

[fakey]

http://www.fakey.no/beta/

 

Se forskjellene i opera og IE. Ser ut som IE legger inn noen mellomrom og luft her og der.

 

Fant ut at dette trolig skyldes bruken av position: absolute og relative.

 

Hvordan fikse dette?

Endret 27. august 2006 av banansplitt

[Rinox]

Hmm... Er ikke helt sikker på dette... Men hva er en portfolio side?

[fakey]

Hmm... Er ikke helt sikker på dette... Men hva er en portfolio side?

6748375[/snapback]

 

En portfolio (portefølje på norsk) er et sted man kan legge ut arbeider. Samle arbeider.

[fakey]

Tittel og 1 tråd endret.

[Vindstille]

Hvordan fikse dette?

6748290[/snapback]

Du kan jo prøve å ikke bruke absolut og relative.

Det beste er bare å bruke align (og litt relative).

 

Et annet tips er å ikke bruke absolut og relative inni andre div elementer.

Det har ihvert fall jeg dårlig erfaringer med.

 

I tillegg er det ofte enklere å kode med html 4.01 enn xhtml.

Endret 27. august 2006 av JonT

[fakey]

Hvordan fikse dette?

6748290[/snapback]

Du kan jo prøve å ikke bruke absolut og relative.

Det beste er bare å bruke align (og litt relative).

 

Et annet tips er å ikke bruke absolut og relative inni andre div elementer.

Det har ihvert fall jeg dårlig erfaringer med.

 

I tillegg er det ofte enklere å kode med html 4.01 enn xhtml.

6752938[/snapback]

Problemet er at jeg bruker Gilder/Levin metoden for image replacement, og må dermed bruke position. Jeg har fått fikset en del av problemene nå, men det gjenstår fortsatt noen få.

[Vindstille]

Hmm.. Da har du jo et problem. Sikker på at du har satt alle margin og padding til 0 (vis de ikke er angitt til noe annet)

 

Kan ikke helt se hvordan du kan løse det.

Du kan jo justere noe de i IE stylesheetet ditt (eller noen andre IE hacker), selv om det ikke er den helt "riktige" måten å gjøre det på.

Endret 27. august 2006 av JonT

[haugsand]

Prøv å erstatt

h1 span { width:100%; height:100%; background:url(../img/header.jpg) bottom; position:absolute; }

med

h1 span { width:100%; height:100%; background:url(../img/header.jpg); position:absolute; top: 0; left: 0; }

[fakey]

Prøv å erstatt

h1 span { width:100%; height:100%; background:url(../img/header.jpg) bottom; position:absolute; }

med

h1 span { width:100%; height:100%; background:url(../img/header.jpg); position:absolute; top: 0; left: 0; }

6755277[/snapback]

 

Den vakke helt rett, men med litt fiksing så er headeren også fikset! Tusen takk!

 

Eneste som gjenstår er vel egentlig menyen i IE. Den ser helt rar ut