🚀 go-pugleaf

Preben Nielsen kom med denne ide:
> Jeg har besluttet at mit (igangv�rende) renoverede site mht. Internet
> Explorer layoputm�ssigt skal v�re t�t p� korrekt bagud til og med IE7.
> I IE6 kan visse sider se underlige ud, bl.a. forsiden, som er helt
> forkert. Jeg vil derfor gerne have at IE6-brugere m�des med en side
> med en besked om at sitet ser m�rkeligt ud i deres browser, en
> opfordring til opgradering og et link man kan benytte, hvis man trods
> disse beskeder alligevel �nsker at se sitet i IE6. N�r jeg nu er
> igang, kan jeg kan vel lige s� godt give beskeden til brugere af alle
> versioner tidligere end IE6 (inklussive), selv om disse versioner vel
> efterh�nden m� betragtes som helt ude.
>
> Er der nogen der kan levere s�dan et script? (Jeg kan ikke selv skrive
> scripts overhovedet.) Jeg g�r ud fra at det er javascript, der er
> aktuelt, men hvis det mod forventning skulle v�re andet, s� k�rer jeg
> med php.
>
> N�r udgangspunktet er valid kode (XHTML 1.0 Transitional), og at jeg
> tjekker sitets layout i de aktuelle versioner af Firefox, Opera,
> Safari og Chrome, formoder jeg ikke, det er n�dvendigt at lave en
> tilsvarende besked til brugere af �ldre versioner af disse browser
> (det virkede ogs� i FF3), som jeg har indtryk af fortolker valid kode
> ok. Har jeg ret i dette?
> Jeg regner ogs� med at andre browsere end de n�vnte bliver brugt i s�
> mikroskopisk m�lestok, er det er acceptabelt at n�jes med advarsel til
> IE-brugere fra 6 og nedefter. Korrekt?
>
> /Preben

Kort og firkantet: det g�res med CSS og CC - ikke js.

Inds�t din besked i en div, der har display:none; i CSS - gerne direkte 
i body.
Eks:
#warning {
  position : absolute;
  top : 100px;
  left : 20%;
  width : 80%;
  display : none;
  }

i <head> inds�tter du en Conditional Comment
<!--[if IE]>
<style type="text/css">
#warning {
	display : block;
	}
</style>
<![endif]-->

<body>
  <!-- andet indhold -->
  <div id="warning">Skift s� til en rigtig browser! <b>NU!</b></div>
  </body>

Du skal nok have [if lt IE 7] i stedet for [if IE], og selve 
meddelelsen og linkene, kan du nok selv rette til...

Birger

-- 
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

Det kan jeg godt bruge.

Det blev godt nok en lidt anden løsning end jeg havde forestillet mig.
Så nu sidder beskeden klistret fast på alle sider, så længe man er i
IE6 eller lavere (møgirriterende at se på for brugeren, men det kan
måske motivere til en opgradering). Og beskeden kan let ændres efter
behov, idet det hele ligger i inkluderede filer.

Mange tak for hjælpen.

/Preben

Preben Nielsen wrote:

> S� nu sidder beskeden klistret fast p� alle sider

Du kan bare n�jes med at bruge css-koden p� forsiden.

On 9 Jun., 16:25, Martin Larsen <martin+spamfree+lar...@bigfoot.com>
wrote:

> Du kan bare n jes med at bruge css-koden p forsiden.

Ja, men så vises beskeden jo ikke hvis undersider findes via
søgemaskiner, og den skal ses, når man kommer ind på sitet, uanset
hvad indgangen er. Jeg havde blot forestillet mig en løsning, hvor
man
som det første kommer ind på en side kun med meddelelsen, og at man
så
via link kan gå ind på sitet og se det på normal vis, altså uden
beskeden.

Noget helt andet:
Min kode i head kom til at se til det der svarer til:

<style type="text/css">
#warning {
  position : absolute;
  top : 100px;
  left : 20%;
  width : 80%;
  display : none;
  }
</style>

<!--[if IE]>
<style type="text/css">
#warning {
        display : block;
        }
</style>
<![endif]-->

Som nævnt i en inkluderet fil, ligesom i body:

<div id="warning">Skift s til en rigtig browser! <b>NU!</b></div>

er i en inkluderet fil, så det virker på alle sider.

Men jeg ville så prøve at flytte det fra head ind i et globalt
stylesheet, men det virkede kun hvis jeg beholdt <style type="text/
css"></style>, hvilket jeg troede jeg kunne undvære der. Men den går
altså af en eller anden grund ikke?
Ikke fordi det betyder alverden, jeg er blot nysgerrig mht. hvordan
tingene hænger sammen.

/Preben

Den 6/9/2011, skrev Preben Nielsen:
> On 9 Jun., 16:25, Martin Larsen <martin+spamfree+lar...@bigfoot.com>
> wrote:
>
>> Du kan bare n jes med at bruge css-koden p forsiden.
>
> Ja, men s� vises beskeden jo ikke hvis undersider findes via
> s�gemaskiner, og den skal ses, n�r man kommer ind p� sitet, uanset
> hvad indgangen er. Jeg havde blot forestillet mig en l�sning, hvor man
> som det f�rste kommer ind p� en side kun med meddelelsen, og at man s�
> via link kan g� ind p� sitet og se det p� normal vis, alts� uden
> beskeden.
>
> Noget helt andet:
> Min kode i head kom til at se til det der svarer til:
>
> <style type="text/css">
> #warning {
>   position : absolute;
>   top : 100px;
>   left : 20%;
>   width : 80%;
>   display : none;
>   }
> </style>
>
> <!--[if IE]>
> <style type="text/css">
> #warning {
>         display : block;
>         }
> </style>
> <![endif]-->
>
> Som n�vnt i en inkluderet fil, ligesom
>
> <body>
>   <!-- andet indhold -->
>   <div id="warning">Skift s til en rigtig browser! <b>NU!</b></div>
>   </body>
>
> er i en inkluderet fil, s� det virker p� alle sider.
>
> Men jeg ville s� pr�ve at flytte det fra head ind i et globalt
> stylesheet, men det virkede kun hvis jeg beholdt <style type="text/
> css"></style>, hvilket jeg troede jeg kunne undv�re der. Men den g�r
> alts� af en eller anden grund ikke?
> Ikke fordi det betyder alverden, jeg er blot nysgerrig mht. hvordan
> tingene h�nger sammen.
>
> /Preben

CC - conditional comment - er en M$ opfindelse. Formentlig fordi IE er 
noget rod, og forskellige versioner forst�r/tolker koderne forskelligt, 
s� der er tilf�lde hvor visningen i forskellige versioner af IE ikke er 
ens - og det m� man, n�r man er M$, g�re noget ved, ved at lave et 
till�g til et till�g til et till�g...

Det er kun IE der forst�r CC.
De andre springer det over, fordi det starter og slutter som et 
kommentar-tag.
Det der st�r indeni, skal stadig f�lge reglerne.
Du kan have style eller script, dedikerede meta til IE, etc. Men det 
skal stadig pakkes ind i de rigtige tags. Efter CC-start-tag, skal der 
alts� st�, hvad det handler om - <style> tagget i dette tilf�lde.
CC'er skal st� i head - du kan ikke "pakke det ind" i andre tags. Men 
kan alts� ikke i en css fil have CC'er med den kode der er beregnet til 
IE.
Du kan godt include i PHP, men tingene skal stadig s�ttes sammen, s� CC 
koden kommer til at st� som direkte child i <head>.

Birger

-- 
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

Birger S�rensen forklarede:
> Den 6/9/2011, skrev Preben Nielsen:
>> On 9 Jun., 16:25, Martin Larsen <martin+spamfree+lar...@bigfoot.com>
>> wrote:
>>
>>> Du kan bare n jes med at bruge css-koden p forsiden.
>>
>> Ja, men s� vises beskeden jo ikke hvis undersider findes via
>> s�gemaskiner, og den skal ses, n�r man kommer ind p� sitet, uanset
>> hvad indgangen er. Jeg havde blot forestillet mig en l�sning, hvor man
>> som det f�rste kommer ind p� en side kun med meddelelsen, og at man s�
>> via link kan g� ind p� sitet og se det p� normal vis, alts� uden
>> beskeden.
>>
>> Noget helt andet:
>> Min kode i head kom til at se til det der svarer til:
>>
>> <style type="text/css">
>> #warning {
>>   position : absolute;
>>   top : 100px;
>>   left : 20%;
>>   width : 80%;
>>   display : none;
>>   }
>> </style>
>>
>> <!--[if IE]>
>> <style type="text/css">
>> #warning {
>>         display : block;
>>         }
>> </style>
>> <![endif]-->
>>
>> Som n�vnt i en inkluderet fil, ligesom
>>
>> <body>
>>   <!-- andet indhold -->
>>   <div id="warning">Skift s til en rigtig browser! <b>NU!</b></div>
>>   </body>
>>
>> er i en inkluderet fil, s� det virker p� alle sider.
>>
>> Men jeg ville s� pr�ve at flytte det fra head ind i et globalt
>> stylesheet, men det virkede kun hvis jeg beholdt <style type="text/
>> css"></style>, hvilket jeg troede jeg kunne undv�re der. Men den g�r
>> alts� af en eller anden grund ikke?
>> Ikke fordi det betyder alverden, jeg er blot nysgerrig mht. hvordan
>> tingene h�nger sammen.
>>
>> /Preben
>
> CC - conditional comment - er en M$ opfindelse. Formentlig fordi IE er noget 
> rod, og forskellige versioner forst�r/tolker koderne forskelligt, s� der er 
> tilf�lde hvor visningen i forskellige versioner af IE ikke er ens - og det m� 
> man, n�r man er M$, g�re noget ved, ved at lave et till�g til et till�g til 
> et till�g...
>
> Det er kun IE der forst�r CC.
> De andre springer det over, fordi det starter og slutter som et 
> kommentar-tag.
> Det der st�r indeni, skal stadig f�lge reglerne.
> Du kan have style eller script, dedikerede meta til IE, etc. Men det skal 
> stadig pakkes ind i de rigtige tags. Efter CC-start-tag, skal der alts� st�, 
> hvad det handler om - <style> tagget i dette tilf�lde.
> CC'er skal st� i head - du kan ikke "pakke det ind" i andre tags. Men kan 
> alts� ikke i en css fil have CC'er med den kode der er beregnet til IE.
> Du kan godt include i PHP, men tingene skal stadig s�ttes sammen, s� CC koden 
> kommer til at st� som direkte child i <head>.
>
> Birger

Var lige lidt hurtig p� aftr�kkeren...
Hvis du ikke har noget imod at rode js ind i det, kan en timer (5-10s) 
og en funktion der s�tter display:none; p� #warning fjerne den. Eller 
et element i div'en kan kalde en tilsvarende funktion. Men det vil ikke 
v�re muligt for ikke-javascript brugere at fjerne den.

Birger

-- 
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

Tak for forklaringen.

/Preben

On Thu, 9 Jun 2011 08:07:06 -0700 (PDT), Preben Nielsen <pn3@mail.dk>
wrote:

>On 9 Jun., 16:25, Martin Larsen <martin+spamfree+lar...@bigfoot.com>
>wrote:
>
>Men jeg ville s� pr�ve at flytte det fra head ind i et globalt
>stylesheet, men det virkede kun hvis jeg beholdt <style type="text/
>css"></style>, hvilket jeg troede jeg kunne undv�re der. Men den g�r
>alts� af en eller anden grund ikke?
>Ikke fordi det betyder alverden, jeg er blot nysgerrig mht. hvordan
>tingene h�nger sammen.

Du burde kunne lave en Conditioanl comment med link til eksternt
stylesheet - noget a la:

<!--[if IE]>
  <link href="ie_special.css" rel="stylesheet" type="text/css">
<![endif]-->

Good luck!

J�rn

-- 
J�rn Andersen
socialister.dk
marxisme.dk

Preben Nielsen wrote:

> N�r udgangspunktet er valid kode (XHTML 1.0 Transitional), 

Nu har du nok lavet det, men ellers pr�v XHTML strict.

S� vidt jeg husker er der _meget_ stor forskel p� rendering i IE6 afh�ngig
om det er (valid) XHTML-strict eller ej.

Hvorfor har du valgt transitional?

-- 
Med venlig hilsen
Stig Johansen