forskjell på design i IE og firefox

[emilshamlo]

hei, jeg er nybegynner webmaster.

Nylig har jeg lagt ut en liten film på min side.

Den ser korrekt på IE, men ligger på feil sted på firefox.

 

Se: Visit My Website

jeg tror den har noe med CSS å gjøre. Er det riktig?

jeg har lest lignende problemstillinger, men forsto ikke helt.

kan noen hjelpe? takk

[FrodeNilsen]

Du skiller mellom innhold og formatering. Ikke bruk html tabeller til formatering.

 

Når du formaterer, så gjør du dette mot Opera, FireFox, og Safari. Det er relativt trykt å benytte kun en av dem mens du jobber, da en raskt test til slutt mest trolig vil gi omtrent samme resultat.

 

Du trenger ikke sjekke alle mulige versjoner av disse nettleserene, da de fleste som benytter dem, oppgraderer dem jevnlig. Benytt siste versjon av en av dem.

 

Internett Explorer er noe søppel. Hver versjon tegner sider forskjellig, og det er ingen logikk i feilene. Etter at du har formatert for nettlesere, altså Opera, FF, og Safari, så må du hacke koden din mot dinosauren Internett Explorer.

 

Dette gjør du ved å sette inn en conditional.

 

http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx

 

Det er IE det er noe galt med. Alvorlig galt med. MS er heldigvis i ferd med å tape denne kampen.

 

En annen ting er at hvis koden ikke validerer, så vil formateringen bli uforutsigbar.

 

http://validator.w3.org/

 

Frode

[emilshamlo]

Du skiller mellom innhold og formatering. Ikke bruk html tabeller til formatering.

 

Når du formaterer, så gjør du dette mot Opera, FireFox, og Safari. Det er relativt trykt å benytte kun en av dem mens du jobber, da en raskt test til slutt mest trolig vil gi omtrent samme resultat.

 

Du trenger ikke sjekke alle mulige versjoner av disse nettleserene, da de fleste som benytter dem, oppgraderer dem jevnlig. Benytt siste versjon av en av dem.

 

Internett Explorer er noe søppel. Hver versjon tegner sider forskjellig, og det er ingen logikk i feilene. Etter at du har formatert for nettlesere, altså Opera, FF, og Safari, så må du hacke koden din mot dinosauren Internett Explorer.

 

Dette gjør du ved å sette inn en conditional.

 

http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx

 

Det er IE det er noe galt med. Alvorlig galt med. MS er heldigvis i ferd med å tape denne kampen.

 

En annen ting er at hvis koden ikke validerer, så vil formateringen bli uforutsigbar.

 

http://validator.w3.org/

 

Frode

 

 

jeg forstod ikke helt hva du mente med at jeg skiller mellom innhold og formatering. Er det noe sted jeg kan lese om dem?

 

Jeg bruker Dreamweaver, når jeg designer siden min på dreamweaver, så ser den bra ut. Feoøem skjer når jeg skal forhåndsvise den i FF. Hva kan gjøres ?

 

Når det gjelder validator.w3, så må jeg si at jeg har validert og den validatoren viser meg mange feil, men jeg vet ikke hvordan jeg kan rette de feilene? Hvordan kan jeg rette feilene som validatoren har funnet?

[FrodeNilsen]

...

Når det gjelder validator.w3, så må jeg si at jeg har validert og den validatoren viser meg mange feil, men jeg vet ikke hvordan jeg kan rette de feilene? Hvordan kan jeg rette feilene som validatoren har funnet?

 

http://validator.w3.org/check?uri=http%3A%...ine&group=0

 

Den tredje feilen tyder på en alvorlig feil i koden.

 

<div id="apDiv50"><a href="<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="349"></embed></object></div>

 

"Renskrevet"

<div id="apDiv50">
<a href="<object width="425" height="349">
	<param name="movie" value="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1">
	</param>
	<param name="allowFullScreen" value="true">
	</param><param name="allowscriptaccess" value="always">
	</param>
	<embed src="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="349">
	</embed>
</object>
</div>

 

Du må fjerne "<a href="" fra kilden. Linje to i den "renskrevne" versjonen.

 

Ellers så bør du benytte lovlige navn på id attributter. "ny bruker" er ikke lov, da mellomrom ikke er tillatt. Du kan heller ikke begynne med ett tall, men kan ha benytte tall ellers, samt "_". Det er to hovedmåter å løse dette på, med underscore som i:

 

"ny_bruker"

 

eller med stor bokstav som i

 

"nyBruker"

 

Hvis dette er typisk kode fra dreamweaver så er det veldig skuffende. Er dette en fersk versjon av programmet?

 

Dreamweaver formaterer for deg, og skriver strengt tatt koden også, så skillet mellom formatering og innhold skal programmet ta seg av. Jeg har en haug av lenker til folkelige men ikke allverdens gode artikler om dette, samt endel faglige gode, men tunge artikler om temaet. De tunge passer nok ikke for deg, da mange er språkdefinisjoner eller tilsvarende. Mulig andre har noen?

 

Kort fortalt skal all formatering av siden foretas i CSS, med ett bitte lite unntak under html4.01 for tabeller. All informasjon skal ligge i html koden, og formateringen skal ikke være informasjonsbærende. Det er filosofien bak HTML og CSS, og de fleste får problemer idet de bryter disse grunnprinsippene.

 

Det at du ikke oppgir "&" som "&" i lenkene utgjør svært mange av de andre feilene i valideringen, men de må du ikke korrigere. Dreamweaver derimot, burde korrigere det.

 

Frode

[emilshamlo]

...

Når det gjelder validator.w3, så må jeg si at jeg har validert og den validatoren viser meg mange feil, men jeg vet ikke hvordan jeg kan rette de feilene? Hvordan kan jeg rette feilene som validatoren har funnet?

 

http://validator.w3.org/check?uri=http%3A%...ine&group=0

 

Den tredje feilen tyder på en alvorlig feil i koden.

 

<div id="apDiv50"><a href="<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="349"></embed></object></div>

 

"Renskrevet"

<div id="apDiv50">
<a href="<object width="425" height="349">
	<param name="movie" value="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1">
	</param>
	<param name="allowFullScreen" value="true">
	</param><param name="allowscriptaccess" value="always">
	</param>
	<embed src="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="349">
	</embed>
</object>
</div>

 

Du må fjerne "<a href="" fra kilden. Linje to i den "renskrevne" versjonen.

 

Ellers så bør du benytte lovlige navn på id attributter. "ny bruker" er ikke lov, da mellomrom ikke er tillatt. Du kan heller ikke begynne med ett tall, men kan ha benytte tall ellers, samt "_". Det er to hovedmåter å løse dette på, med underscore som i:

 

"ny_bruker"

 

eller med stor bokstav som i

 

"nyBruker"

 

Hvis dette er typisk kode fra dreamweaver så er det veldig skuffende. Er dette en fersk versjon av programmet?

 

Dreamweaver formaterer for deg, og skriver strengt tatt koden også, så skillet mellom formatering og innhold skal programmet ta seg av. Jeg har en haug av lenker til folkelige men ikke allverdens gode artikler om dette, samt endel faglige gode, men tunge artikler om temaet. De tunge passer nok ikke for deg, da mange er språkdefinisjoner eller tilsvarende. Mulig andre har noen?

 

Kort fortalt skal all formatering av siden foretas i CSS, med ett bitte lite unntak under html4.01 for tabeller. All informasjon skal ligge i html koden, og formateringen skal ikke være informasjonsbærende. Det er filosofien bak HTML og CSS, og de fleste får problemer idet de bryter disse grunnprinsippene.

 

Det at du ikke oppgir "&" som "&" i lenkene utgjør svært mange av de andre feilene i valideringen, men de må du ikke korrigere. Dreamweaver derimot, burde korrigere det.

 

Frode

 

hei, igjen og takk for hjelpen.

- Nå har jeg forstått litt bedre med hva du mener om at jeg blander mellom innhold og atribiute

- jeg bruker en ganske gammel versjon av dreamweaver CS3. Noen mulighet å oppdatere den ? jeg har nesten ingen peiling på hvordan HTML skal kodes. jeg desigener kun på dreamweaver. Er det noen som bør straffes, så er det de som lager dreamweaver og ikke jeg

- jeg leste siden i validator, Linken du hadde sendt meg : http://validator.w3.org/check?uri=http%3A%...ine&group=0

Jeg forsod at neste all feil ligger i youtube adressen! Det er en adresse og jeg ikke kan gjøre noe med det? Eller ?

- Ellers må jeg takke deg for at du hjalp meg med å finne feilen. Nå sitter filem der den skal

[emilshamlo]

...

Når det gjelder validator.w3, så må jeg si at jeg har validert og den validatoren viser meg mange feil, men jeg vet ikke hvordan jeg kan rette de feilene? Hvordan kan jeg rette feilene som validatoren har funnet?

 

http://validator.w3.org/check?uri=http%3A%...ine&group=0

 

Den tredje feilen tyder på en alvorlig feil i koden.

 

<div id="apDiv50"><a href="<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="349"></embed></object></div>

 

"Renskrevet"

<div id="apDiv50">
<a href="<object width="425" height="349">
	<param name="movie" value="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1">
	</param>
	<param name="allowFullScreen" value="true">
	</param><param name="allowscriptaccess" value="always">
	</param>
	<embed src="http://www.youtube.com/v/zpUKdJFRp3c&hl=en&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="349">
	</embed>
</object>
</div>

 

Du må fjerne "<a href="" fra kilden. Linje to i den "renskrevne" versjonen.

 

Ellers så bør du benytte lovlige navn på id attributter. "ny bruker" er ikke lov, da mellomrom ikke er tillatt. Du kan heller ikke begynne med ett tall, men kan ha benytte tall ellers, samt "_". Det er to hovedmåter å løse dette på, med underscore som i:

 

"ny_bruker"

 

eller med stor bokstav som i

 

"nyBruker"

 

Hvis dette er typisk kode fra dreamweaver så er det veldig skuffende. Er dette en fersk versjon av programmet?

 

Dreamweaver formaterer for deg, og skriver strengt tatt koden også, så skillet mellom formatering og innhold skal programmet ta seg av. Jeg har en haug av lenker til folkelige men ikke allverdens gode artikler om dette, samt endel faglige gode, men tunge artikler om temaet. De tunge passer nok ikke for deg, da mange er språkdefinisjoner eller tilsvarende. Mulig andre har noen?

 

Kort fortalt skal all formatering av siden foretas i CSS, med ett bitte lite unntak under html4.01 for tabeller. All informasjon skal ligge i html koden, og formateringen skal ikke være informasjonsbærende. Det er filosofien bak HTML og CSS, og de fleste får problemer idet de bryter disse grunnprinsippene.

 

Det at du ikke oppgir "&" som "&" i lenkene utgjør svært mange av de andre feilene i valideringen, men de må du ikke korrigere. Dreamweaver derimot, burde korrigere det.

 

Frode

 

hei, igjen og takk for hjelpen.

- Nå har jeg forstått litt bedre med hva du mener om at jeg blander mellom innhold og atribiute

- jeg bruker en ganske gammel versjon av dreamweaver CS3. Noen mulighet å oppdatere den ? jeg har nesten ingen peiling på hvordan HTML skal kodes. jeg desigener kun på dreamweaver. Er det noen som bør straffes, så er det de som lager dreamweaver og ikke jeg

- jeg leste siden i validator, Linken du hadde sendt meg : http://validator.w3.org/check?uri=http%3A%...ine&group=0

Jeg forsod at neste all feil ligger i youtube adressen! Det er en adresse og jeg ikke kan gjøre noe med det? Eller ?

- Ellers må jeg takke deg for at du hjalp meg med å finne feilen. Nå sitter filem der den skal

 

hei, igjen

Nå vil ikke IE vise min film. Hva gjør jeg nå da?