|
| Problemer med IE og CSS Fra : Robert Piil |
Dato : 21-03-04 12:21 |
|
På http://piil.org/blog/ roder jeg lidt med at lave min egen template
til Serendipity. Jeg er kommet så langt, at det virker efter hensigten i
Opera og Mozilla, men IE opfører sig lidt underligt.
Når jeg først loader siden, er en del af teksten "usynlig" indtil jeg
kører musen henover, hvorefter den kommer frem. CSS'en validerer, men
jeg har ikke direkte kontrol over HTML'en, så den validerer kun næsten,
men fejlene ser dog ikke alvorlige ud. Dog kunne der være lidt med om IE
går i standards mode eller ej. Det kender jeg ikke så meget til.
Jeg ser selv siden på windows 2000 og IE 6, jeg vil også meget gerne
høre hvordan det ser ud i ældre IE-versioner.
--
Robert Piil
http://piil.org/
| |
Lars Olesen (21-03-2004)
| Kommentar Fra : Lars Olesen |
Dato : 21-03-04 12:52 |
|
Robert Piil wrote:
> Når jeg først loader siden, er en del af teksten "usynlig" indtil jeg
> kører musen henover, hvorefter den kommer frem. CSS'en validerer, men
> jeg har ikke direkte kontrol over HTML'en, så den validerer kun næsten,
> men fejlene ser dog ikke alvorlige ud. Dog kunne der være lidt med om IE
> går i standards mode eller ej. Det kender jeg ikke så meget til.
Det lyder som et eller andet med, at IE har lidt problemer med floats og
clear.
Prøv om option 4 her hjælper:
< http://css-discuss.incutio.com/?page=ClearingSpace>
--
Lars Olesen
Konkurrence på < http://www.fodboldenslegestue.dk>
Kan det gøres bedre? Navigation og brugervenlighed!
| |
Robert Piil (21-03-2004)
| Kommentar Fra : Robert Piil |
Dato : 21-03-04 14:02 |
| | |
Ryan Kristensen (21-03-2004)
| Kommentar Fra : Ryan Kristensen |
Dato : 21-03-04 16:10 |
|
On Sun, 21 Mar 2004 14:01:56 +0100, Robert Piil <piil@nospam.dk> wrote:
> Nope. Desuden er designet lavet med absolute positioning, og ikke
> floats. Forøvrigt er der også problemer med at markere tekst.
Ja IE har et problem, med at markere tekst, når man benytter
position:absolute;.
--
Ryan Kristensen
| |
Robert Piil (22-03-2004)
| Kommentar Fra : Robert Piil |
Dato : 22-03-04 05:59 |
|
Sun, 21 Mar 2004 16:10:01 +0100, skrev Ryan Kristensen
<ryankristensen@hotmail.invalid>:
>Ja IE har et problem, med at markere tekst, når man benytter
>position:absolute;.
I praksis er det vel ved at være diskvalificerende for at bruge
position:absolute;
--
Robert Piil
http://piil.org/
| |
Ryan Kristensen (21-03-2004)
| Kommentar Fra : Ryan Kristensen |
Dato : 21-03-04 16:11 |
|
On Sun, 21 Mar 2004 12:21:09 +0100, Robert Piil <piil@nospam.dk> wrote:
> Når jeg først loader siden, er en del af teksten "usynlig" indtil jeg
> kører musen henover, hvorefter den kommer frem. CSS'en validerer, men
> jeg har ikke direkte kontrol over HTML'en, så den validerer kun næsten,
> men fejlene ser dog ikke alvorlige ud. Dog kunne der være lidt med om IE
> går i standards mode eller ej. Det kender jeg ikke så meget til.
Jeg kan ikke frembringe noget problem med min IE6, hvilken tekst er det
helt præcist det drejer sig om?
Det er i øvrigt ikke særligt pænt, at skirfve valid xhtml1.0, når det ikke
passer.
Det ser ud til, at alle dine fejl skyldes "&", prøv at skrive det som
"&" i stedet, - hvis du altså har mulighed for det.
> Jeg ser selv siden på windows 2000 og IE 6, jeg vil også meget gerne
> høre hvordan det ser ud i ældre IE-versioner.
Tjeck:
< http://www.insert-title.com/web_design/?page=articles/dev/multi_IE>
--
Ryan Kristensen
| |
Robert Piil (22-03-2004)
| Kommentar Fra : Robert Piil |
Dato : 22-03-04 05:51 |
|
Sun, 21 Mar 2004 16:10:34 +0100, skrev Ryan Kristensen
<ryankristensen@hotmail.invalid>:
>Jeg kan ikke frembringe noget problem med min IE6, hvilken tekst er det
>helt præcist det drejer sig om?
Alt det i content-diven (hvid baggrund).
>Det er i øvrigt ikke særligt pænt, at skirfve valid xhtml1.0, når det ikke
>passer.
>Det ser ud til, at alle dine fejl skyldes "&", prøv at skrive det som
>"&" i stedet, - hvis du altså har mulighed for det.
Problemet er, at Serendipity rent faktisk outputter valid xhtml, men at
problemerne kommer når jeg tilføjer links til artiklerne. Jeg kunne
selvfølgelig rette alle links manuelt, men Serendipity-teamtet opdaterer
jævnligt, så jeg håber på, de snart får lavet noget automagisk noget.
Fremover vil jeg prøve at være opmærksom på det.
--
Robert Piil
http://piil.org/
| |
Robert Piil (22-03-2004)
| Kommentar Fra : Robert Piil |
Dato : 22-03-04 06:04 |
| | |
Robert Piil (24-03-2004)
| Kommentar Fra : Robert Piil |
Dato : 24-03-04 14:16 |
|
Sun, 21 Mar 2004 16:10:34 +0100, skrev Ryan Kristensen
<ryankristensen@hotmail.invalid>:
>Jeg kan ikke frembringe noget problem med min IE6, hvilken tekst er det
>helt præcist det drejer sig om?
>
>Det er i øvrigt ikke særligt pænt, at skirfve valid xhtml1.0, når det ikke
>passer.
>Det ser ud til, at alle dine fejl skyldes "&", prøv at skrive det som
>"&" i stedet, - hvis du altså har mulighed for det.
Jeg har nu lavet en testside, hvor de sidste detaljer også validerer
< http://piil.org/blog.htm>, men det hjælper ikke på problemet. Er der
slet ikke nogen der har oplevet det før?
Hvis man scroller lidt op og ned, så vises (noget af) teksten igen, og
hvis man prøver at markere det, kommer det sidste frem.
--
Robert Piil
http://piil.org/
| |
Ryan Kristensen (24-03-2004)
| Kommentar Fra : Ryan Kristensen |
Dato : 24-03-04 15:19 |
|
On Wed, 24 Mar 2004 14:16:00 +0100, Robert Piil <piil@nospam.dk> wrote:
> Jeg har nu lavet en testside, hvor de sidste detaljer også validerer
> < http://piil.org/blog.htm>, men det hjælper ikke på problemet. Er der
> slet ikke nogen der har oplevet det før?
Problemet er nok, at din kode, er _alt_ for rodet.
Du bruger div lidt rigeligt, prøv at nøjes med 1 div pr. entry, og så luk
alt der har med den entry (p, div, hx), inden du går videre til næste.
<div class="serendipity_Entry_Date">
<h3 class="serendipity_date">Tuesday d. 23. March 2004</h3>
<h4 class="serendipity_title"><a
href="/blog/index.php?/archives/52_Nivea_ikke_for_danskere.html">Nivea
ikke for danskere</a></h4>
<p class="serendipity_entry">
Nivea kører åbenbart en reklamekampagne....
</p>
<p class="serendipity_entryFooter">
Skrevet af Robert Piil....
</p>
</div>
Jeg ved ikke om det vil hjælpe på problemet, men det ville lette
muligheden for at fejlfinde.
--
Ryan Kristensen
| |
Robert Piil (24-03-2004)
| Kommentar Fra : Robert Piil |
Dato : 24-03-04 15:52 |
|
Wed, 24 Mar 2004 15:19:15 +0100, skrev Ryan Kristensen
<ryankristensen@hotmail.invalid>:
>Problemet er nok, at din kode, er _alt_ for rodet.
>Du bruger div lidt rigeligt, prøv at nøjes med 1 div pr. entry, og så luk
>alt der har med den entry (p, div, hx), inden du går videre til næste.
Koden bliver genereret af Serendipity < http://s9y.org>. Hvis jeg skal
til at hacke mig igennem alle funktionerne, så er det vist hurtigere at
lave hele skidtet som statisk HTML. Der findes css-templates, der med
den samme kode, ikke har problemet, så det skal kunne lade sig gøre.
><div class="serendipity_Entry_Date">
><h3 class="serendipity_date">Tuesday d. 23. March 2004</h3>
><h4 class="serendipity_title"><a
>href="/blog/index.php?/archives/52_Nivea_ikke_for_danskere.html">Nivea
>ikke for danskere</a></h4>
><p class="serendipity_entry">
>Nivea kører åbenbart en reklamekampagne....
></p>
><p class="serendipity_entryFooter">
>Skrevet af Robert Piil....
></p>
></div>
>Jeg ved ikke om det vil hjælpe på problemet, men det ville lette
>muligheden for at fejlfinde.
Jeg har checket efter at samtlige <div>-tags bliver afsluttet som
forventet. Iøvrigt ville valideringen vel også fejle, hvis der var
forkert nestede element.
Under alle omstændigheder hjælper det ikke, jeg har forenklet koden en
hel del, stadig på < http://piil.org/blog.htm>. Det går stadig galt.
--
Robert Piil
http://piil.org/
| |
Robert Piil (24-03-2004)
| Kommentar Fra : Robert Piil |
Dato : 24-03-04 16:25 |
|
Wed, 24 Mar 2004 15:51:52 +0100, skrev Robert Piil <piil@nospam.dk>:
>
>Under alle omstændigheder hjælper det ikke, jeg har forenklet koden en
>hel del, stadig på < http://piil.org/blog.htm>. Det går stadig galt.
Det går faktisk galt med content-div'en alene.
>#content{
>bottom:0px;
>margin-left:208px;
>margin-right:208px;
>padding:10px;
>background:#FFFFFF;
>}
--
Robert Piil
http://piil.org/
| |
Robert Piil (24-03-2004)
| Kommentar Fra : Robert Piil |
Dato : 24-03-04 16:28 |
|
Wed, 24 Mar 2004 16:24:38 +0100, skrev Robert Piil <piil@nospam.dk>:
Og jeg bliver ved med at snakke med mig selv.
>Det går faktisk galt med content-div'en alene.
>
>>#content{
>>bottom:0px;
>>margin-left:208px;
>>margin-right:208px;
>>padding:10px;
>>background:#FFFFFF;
>>}
med color tilføjet, spiller det igen!
--
Robert Piil
http://piil.org/
| |
Jens Gyldenkærne Cla~ (24-03-2004)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 24-03-04 16:35 |
|
Robert Piil skrev:
> Under alle omstændigheder hjælper det ikke, jeg har forenklet
> koden en hel del, stadig på < http://piil.org/blog.htm>. Det
> går stadig galt.
Jeg kan ikke se problemet på ovenstående link. Så vidt jeg kan se
vises hele teksten med det samme - også i IE6.
Mht. bugs i IE kan jeg anbefale siden her:
< http://www.positioniseverything.net/explorer.html>
Jeg kan ikke lige gennemskue om dit problem er et af dem de
gennemgår, men prøv fx at kigge på peekaboo eller doubled float-
margin.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Robert Piil (24-03-2004)
| Kommentar Fra : Robert Piil |
Dato : 24-03-04 16:51 |
|
Wed, 24 Mar 2004 16:35:27 +0100, skrev Jens Gyldenkærne Clausen
<jens@gyros.invalid>:
>Jeg kan ikke se problemet på ovenstående link. Så vidt jeg kan se
>vises hele teksten med det samme - også i IE6.
Nej, jeg fik det rettet - på testsiden. Det går stadig galt med den
originale side, selvom jeg har tilføjet background(-color) på alle
elementer efterhånden, men nu har jeg da lidt at gå efter.
--
Robert Piil
http://piil.org/
| |
|
|