CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

sune18 Novice

17. april 2005 - 20:24 Der er 18 kommentarer

Fra IE til FF

Jeg har i forbindelse med et eksamensprojekt "prøvet" at lave en website.. det er gået okey, dog er jeg løbet ind i problemer når jeg vil læse siden i FireFox, netscape osv.. Det er meget vigtigt at siden fungere i både Firefox og IE.. der er ingen problemer i IE, den kører fint.. men jeg har problemer med mit CSS når jeg skal over i Firefox..

Siden kan ses på http://www.aodasoft.net/Amnesty%20International/

I skal ikke hænge jer så meget i at logoet eller siderne måske ikke er helt ens i højden og lign, for har siddet og eksperimenteret lidt med det.. så der er kommet lidt forskelligeheder på siderne..

Mit problem er at jeg har benyttet CSS til at placere billeder rundt omkring på siden, eks:

div style="position: relative; top: -415px; left: 52px;">
<img src="images/gode nyheder/alpha medkant.jpg" title='overlevende ofre' alt="" />
</div>

Dette læses dog af en eller anden grund anderledes i FF:/ jeg har også prøvet at benytte <center> for at få det til at fungere, men det har ikke båret frugt...

Jeg havde håbet på at der var nogle der havde nogle ideer/forslag til hvordan jeg kan løse mit problem..

Jeg har valideret både mit html og CSS, og der er ingen problemer, lige bortset fra at det ikke kører særlig godt i FF...

Mvh Sune Larsen

Synes godt om

trekkies Juniormester

17. april 2005 - 20:29 #1

Du har ikke valideret din side, se her:
http://validator.w3.org/

Synes godt om

busschou Praktikant

17. april 2005 - 20:34 #2

prøv evt at lave postions absolute

Synes godt om

busschou Praktikant

17. april 2005 - 20:34 #3

http://www.w3schools.com/css/pr_class_position.asp

Synes godt om

busschou Praktikant

17. april 2005 - 20:39 #4

den her er gal i koden
---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<?xml version="1.0" encoding="windows-1252"?>
---
Der skal ikke noget xml med når det er html...kun hvis det er xhtml

Synes godt om

trekkies Juniormester

17. april 2005 - 20:39 #5

Et par gode råd:
Din side skal scrolles vandret og lodret selv om at der ikke er noget der.

Jeg har fået din side til at validere, den siger at du har 52 fejl på siden

Ændre kode fra dette:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<?xml version="1.0" encoding="windows-1252"?>
<html>

til dette:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

Du kan derefter validere den her:
http://validator.w3.org/

Synes godt om

olebole Juniormester

17. april 2005 - 21:01 #6

<ole>

Pas på ...! Æbndrer du DTD'en til den, trekkies viser dig, vil siden sikkert validere, men siden er alligevel fyldt til randen med fejl.

For det første kan XHTML ikke bruges til noget fornuftigt på WWW endnu og når det engang bliver tilfældet, bliver det ikke version 1.0.
For det andet kan jeres style- og menu-scripts ikke afvikles under XHTML. Det er rene HTML-scripts, der vil få enhver ren XHTML-browser til at dø.

Den bedste kode får du helt sikkert ved at slette din XML-prolog og så sørge for at få rettet dine HTML-fejl i henhold til, hvad validatoren siger :)

/mvh
</bole>

Synes godt om

sune18 Novice

17. april 2005 - 21:02 #7

Okey.. underligt.. har ellers prøvet selv, og den siger der ikke er flere fejl.. men jeg må jo bare prøve igen..

Synes godt om

busschou Praktikant

17. april 2005 - 21:03 #8

yes men inden du validerer så fjern xml som ole også siger
For ellers validerer den jo måske også på noget andet

Synes godt om

olebole Juniormester

17. april 2005 - 21:04 #9

Uden f.eks. en tegnsæt-angivelse, kan siden ikke valideres - så det er ikke godt at vide, hvad du har valideret:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.aodasoft.net%2FAmnesty%2520International%2F&charset=%28detect+automatically%29&verbose=1

Synes godt om

sune18 Novice

17. april 2005 - 21:19 #10

Det er blot noget jeg har gjort i håb om det evt ville ændre noget.. den er også blevet valideret med rigtig DOCTYPE..

Er der nogle af jer der ved hvordan jeg angiver mit tegnsæt i ren HTML..?
for ulempen ved absolute er at de ikke er til at rokke ud af stedet..!

Synes godt om

olebole Juniormester

17. april 2005 - 21:35 #11

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Synes godt om

olebole Juniormester

17. april 2005 - 22:38 #12

Der er ikke mange ulemper ved position:absolute, hvis man forstår, hvordan CSS-positionering fungerer. Prøv f.eks:

<div style="position:relative;">
<div syle="position:absolute;left:50px;top:100px">TEST</div>
</div>

- så følger inner-div'et med det ydre, når du flytter dette rundt på siden ;o)

Et absolut positioneret element, placerer sig i forhold til det første omkransende element, der er positioneret. Findes et sådan ikke, vil det i stedet placere sig i forhold til dokumentets body-element.
Det er jo nok det, der er dit problem ... du sørger ikke for, at der er et element at placere sig i forhold til :)

Synes godt om

sune18 Novice

18. april 2005 - 07:53 #13

Det lyder nu som et rigtig godt bud..

en anden mulighed jeg har haft overvejet hvis dette ikke virker er at bruge dette java script:
http://www.java-scripts.net/javascripts/Detect-Browser.phtml

er der nogle af jer der har nogle erfaringer med sådan noget..? eller et link til en nyere/anden version..?

Synes godt om

olebole Juniormester

18. april 2005 - 11:02 #14

Det er der formodentlig ingen grund til, når du får dine fejl rettet :)

Synes godt om

rocha_dk Nybegynder

18. april 2005 - 22:27 #15

Der skal lige siges at Firefox og IE læser css forskelligt, bl.a. læser de width: forskelligt. Firefox sætter width til bredde på det som f.eks. en div boks indeholder, hvor IE sætter det til bredden af boksen (hvis man er interesseret, så er det FF der læser det korrekt;) )

Synes godt om

olebole Juniormester

19. april 2005 - 00:09 #16

rocha_dk >> Det skal så lige siges, at det er man jo helt selv herre over. Koder man hensigtsmæssigt - og bl.a. bruger en fuld DTD som:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
- tolker IE6 såmænd box-modellen ligeså godt som FF og andre Mozilla'er :)

Så er det i øvrigt diamentralt modsat. IE lægger _ikke_ border og padding til bredden, som den skal. Dette div:
<div style="width:200px;height:200px;border:20px solid red;background-color:yellow">TEKST</div>
- skal vises som et gult kvadrat på 200x200px med en rød border på 20px rundt om. Det sker i FF - og det sker i IE med den viste DTD ;o)

Synes godt om

rocha_dk Nybegynder

20. april 2005 - 08:46 #17

olebole> Det jeg bygger min udtalelse på er "DHTML and CSS Advanced" ISBN 0-321-26691-9, som netop beskriver problemet med width. Men jeg vil da lige prøve den dtd du nævner og se om den ændrer noget på det. (synes nu ellers at det er den jeg plejer at bruge)

Synes godt om

busschou Praktikant

14. juli 2005 - 19:07 #18

sube18 >> kommet videre? lukketid ?

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS