Avatar billede Slettet bruger
27. februar 2006 - 00:34 Der er 11 kommentarer og
1 løsning

er jeg nødt til at leve med den her forskel på browsere?

hej jeg har her en, i min verden, en relativ simpel html-kode... men som du kan se så er forskellen stor i forhold til om det er FireFox eller IE man ser siden i... den ser ud som den skal i IE, men hvordan kan man let og enkelt lave det sådan at det også ser fint ud i FireFox?
- koden ser sådan her ud:
<html>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" bgcolor="#e7e7e7">
<img galleryimg="no" src="back.jpg" height="100%" width="100%" style="position: absolute; z-index: -2;">
<img galleryimg="no" src="header.jpg" width="100%" height="150" style="position: absolute; z-index: -1;">
</body>
</html>

- for at se koden "in action" er der en URL her: http://www.fdffunk.dk/funktest

\Dan
Avatar billede thesurfer Nybegynder
27. februar 2006 - 00:49 #1
1) Brug så meget CSS som muligt -- FireFox understøtter CSS mere end IE.

2) Lad vær med at bruge IE når du designer dine sider. Lav dem i FireFox først. Så kan du bruge IE bagefter. -- Fordi IE giver et forkert billede af, hvordan det egentligt skal kodes.

/theSurfer
Avatar billede thesurfer Nybegynder
27. februar 2006 - 00:56 #2
3) Valider din side: http://validator.w3.org/

4) Valider din CSS: http://jigsaw.w3.org/css-validator/

/theSurfer
Avatar billede Slettet bruger
27. februar 2006 - 09:44 #3
Hmm... det var ikke lige det jeg mente...

- Jeg mener. Hvis ikke der findes en relativ nem løsning på dette her problem så tror jeg, jeg laver det således at FireFox-brugere selv ikke kan komme ind på siden...

- Men kan man virkelig ikke skrive negative tal i sit "z-index" når der er i FireFox? Den kan jo for eksempel sagtens håndtere positive tal - på samme måde som med IE...

\Dan
Avatar billede thesurfer Nybegynder
27. februar 2006 - 09:59 #4
Jeg undrer mig lidt over den negative værdi..

Hvis header.jpg skal være "over"/"foran" back.jpg, skal header.jpg jo bare have højere z-index end back.jpg.

Hvad er det lige du vil? :-)

/theSurfer
Avatar billede Slettet bruger
27. februar 2006 - 10:22 #5
Jepper... det er korrekt...
Men problemet er jo så at når nu jeg har andre ting på siden, som for eksempel tabeller og forms, så bliver disse også påvirket...
- kan det virkelig være rigtigt at jeg skal til at angive z-index på alle elementerne på mine sider...

Det link jeg refererer til er nok den mest simple side af dem alle... Når man er logget ind er der sider med samme problem - hvor der så også er mange flere elementer som der så skal angives z-index på, eller hva?

\Dan
Avatar billede milandt Nybegynder
27. februar 2006 - 10:28 #6
Iflg W3C må z-index gerne være negativt.
Avatar billede milandt Nybegynder
27. februar 2006 - 10:28 #7
prøv at smide en doctype på din side i øvrigt
Avatar billede Slettet bruger
27. februar 2006 - 12:10 #8
hvordan kan en doctype løse problemet?

- og i så fald så skal den stå allerøverst, ikke?

\Dan
Avatar billede Slettet bruger
27. februar 2006 - 12:11 #9
- og hvis at z-index gerne må være negativt ifølge W3C så er det vel egentlig snarere Mozilla-folket som har lavet en brøler (igen) - eller hvordan?
Avatar billede thesurfer Nybegynder
27. februar 2006 - 12:37 #10
Ifølge http://www.squarefree.com/burningedge/ er det blevet fixet:

2006-02-09 Trunk builds

Fixes:

...

Fixed: 78087 - Doesn't display position:(absolute, relative, fixed) with negative z-index.

...

/theSurfer
Avatar billede doggy82 Praktikant
28. februar 2006 - 11:03 #11
>>hvordan kan en doctype løse problemet?<<
Så ved browseren hvordan den skal fortolke siden :)

Den ultimative artikel om emnet: http://www.alistapart.com/articles/doctype/
Avatar billede Slettet bruger
14. april 2006 - 00:42 #12
OK...

- Lukker spørgsmålet...

\Dan
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
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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