/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS: Dele af sider bliver usynlig i IE - e~
Fra : Tommy Ipsen


Dato : 02-03-05 12:50

Hej alle

Jeg har et problem med IE for bl.a. nedenstående side:

http://www.cast.sdu.dk/index.php?page=VaerdiGrundlag

IE har nogen gange lyst til at "spise" dele af siden - dvs. gøre det
usynligt - indtil man eks. refresher siden, markerer al teksten,
scroller på siden eller noget i den retning - da problemet er periodisk,
har jeg lagt følgende to screenshots ud, hvor forskellen mellem IE og
Firefox er temmelig tydelig:

http://www.sam.sdu.dk/~tip/CAST_IE.gif
http://www.sam.sdu.dk/~tip/CAST_FX.gif

Problemet gør sig også gældende på andre af websitets sider - måske
specielt de sider, hvor der ikke er nok tekst til at nødvendiggøre en
scrollbar - denne opførsel leder mig dog ikke tættere på en løsning!

Jeg har ingen anelse om, hvad IEs problem er - jeg har ikke oplevet
problemer i de andre browsere jeg tester i... :-/

Håber nogen kan give mig et par ideer - jeg vil tro, at fejlen eller
problemet måske ligger i et af mine stylesheets og det er layout.css,
der styrer sidens overordnede layout!

Jeg er fuldstændig blank på denne her, så jeg håber der kommer guldkorn

Mvh Tommy Ipsen

 
 
Tommy Ipsen (02-03-2005)
Kommentar
Fra : Tommy Ipsen


Dato : 02-03-05 14:38

Tommy Ipsen wrote:

> IE har nogen gange lyst til at "spise" dele af siden - dvs. gøre det
> usynligt - indtil man eks. refresher siden, markerer al teksten,
> scroller på siden eller noget i den retning...

Jeg kan se nu, at problemet er endnu værre på:

http://www.cast.sdu.dk/index.php?page=Projekter

Jeg har stadig ingen anelse om, hvad problemet er - men så vidt jeg ved
er det kun IE der tilter... - desværre er der så også en del der
benytter den browser...

Håber stadig på nogle gode ideer eller forslag til rettelser!

Mvh Tommy Ipsen

Martin Hintzmann And~ (02-03-2005)
Kommentar
Fra : Martin Hintzmann And~


Dato : 02-03-05 15:18

Tommy Ipsen wrote:
> http://www.cast.sdu.dk/index.php?page=Projekter
>
> Jeg har stadig ingen anelse om, hvad problemet er - men så vidt jeg ved
> er det kun IE der tilter... - desværre er der så også en del der
> benytter den browser...
>
> Håber stadig på nogle gode ideer eller forslag til rettelser!
>


Problemet opstår i IE når du har en float boks i en boks uden højde.
Men du vil vel gerne have at det er indholdet der bestemmer højden på
boksen, ikke?
En løsning er at give boksen en height på 1%. Da IE automatisk udvider
bokse.
Men da det kun er IE til windows der har problemet bliver du nød til at
ty til et CSS-hack.

..content {height: 1%;}
body>.content {height: auto;}

Jeg har ikke testet, men mener at ovenstående virker. Der findes
alternativer.

Derudover har jeg lidt andre ting også...

Hvis du kun har en boks med "content" bør du angive den som id og ikke
som en class.

Når du skal clear en float kan det gøres uden ekstra HTML-kode. Du skal
blot sætte clear i din CSS på de næste element.

--
Martin Hintzmann Andersen
http://www.hintzmann.dk/

Tommy Ipsen (03-03-2005)
Kommentar
Fra : Tommy Ipsen


Dato : 03-03-05 14:20

Martin Hintzmann Andersen wrote:

> Problemet opstår i IE når du har en float boks i en boks uden højde.
> Men du vil vel gerne have at det er indholdet der bestemmer højden på
> boksen, ikke?
> En løsning er at give boksen en height på 1%. Da IE automatisk udvider
> bokse.
> Men da det kun er IE til windows der har problemet bliver du nød til at
> ty til et CSS-hack.
>
> .content {height: 1%;}
> body>.content {height: auto;}
>
> Jeg har ikke testet, men mener at ovenstående virker. Der findes
> alternativer.

Jens Gyldenkærne Clausen wrote:

> Det ligner umiddelbart IE's Peek-a-boo-bug:
> <http://positioniseverything.net/explorer/peekaboo.html>
>
> Jeg har ikke tjekket med koden om det også er den, men prøv selv efter.

Du har helt ret - det skulle være fikset nu, så vidt jeg kan teste mig
frem til - det var nødvendigt at gøre i samtlige 3 bokse (wrapper,
wrapper>menu og wrapper>content), men så blev det også godt

> Derudover har jeg lidt andre ting også...
>
> Hvis du kun har en boks med "content" bør du angive den som id og ikke
> som en class.

Tak skal du have - der er som sagt en del rettelser på vej, så jeg
inkludere ovenstående rettelse og når det hele er på plads, tror jeg at
siden bliver kastet til spot og spe i ris+ros gruppen...

> Når du skal clear en float kan det gøres uden ekstra HTML-kode. Du skal
> blot sætte clear i din CSS på de næste element.

Jeg har bikset en del rundt med de dér floatede 2- og
3-kolonneopsætninger og er nået frem til noget, som skulle fungere i
flest mulige browsere - jeg kan ikke på stående fod huske, hvilken
browser de ekstra html-elementer tog højde for, men jeg satser vist på
at beholde dem i første omgang!

Nu mangler jeg bare den sidste detalje med den lille grå border jeg har
mellem menuen og indholdet - den er hæftet som en venstre-border på
content boksen, hvilket giver problemer i IE, hvis indholdet ikke fylder
mere i højden end menuen - hvis jeg i stedet sætter border-right på
menu-boksen får jeg blot det modsatte problem og det er øjensynligt ikke
en mulighed at satse på border-collapse og lave en border i begge bokse
- intet af det ser ud til at fungere i IE, mens alle løsningerne
fungerer efter hensigten i Firefox... - any ideas eller skal jeg bare
poste et nyt spørgsmål?

Eks: http://www.cast.sdu.dk/index.php?page=Dosisdispensering

Mange tak for hjælpen!

Mvh Tommy Ipsen

Tommy Ipsen (03-03-2005)
Kommentar
Fra : Tommy Ipsen


Dato : 03-03-05 14:59

Tommy Ipsen wrote:
> Martin Hintzmann Andersen wrote:
>> ...
>> Jeg har ikke testet, men mener at ovenstående virker. Der findes
>> alternativer.
>
> Jens Gyldenkærne Clausen wrote:
>
> > Det ligner umiddelbart IE's Peek-a-boo-bug:

Der gik lidt ged i quoten - håber meningen kom igennem!

Mvh Tommy

Jens Gyldenkærne Cla~ (02-03-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 02-03-05 15:28

Tommy Ipsen skrev:

> Jeg har stadig ingen anelse om, hvad problemet er - men så vidt jeg ved
> er det kun IE der tilter... - desværre er der så også en del der
> benytter den browser...

Det ligner umiddelbart IE's Peek-a-boo-bug:
<http://positioniseverything.net/explorer/peekaboo.html>

Jeg har ikke tjekket med koden om det også er den, men prøv selv efter.

--
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

Tommy Ipsen (03-03-2005)
Kommentar
Fra : Tommy Ipsen


Dato : 03-03-05 14:15

Jens Gyldenkærne Clausen wrote:

> Det ligner umiddelbart IE's Peek-a-boo-bug:
> <http://positioniseverything.net/explorer/peekaboo.html>
>
> Jeg har ikke tjekket med koden om det også er den, men prøv selv efter.

Du har helt ret - det skulle være fikset nu, så vidt jeg kan teste mig
frem til - det var nødvendigt at gøre i samtlige 3 bokse (wrapper,
wrapper>menu og wrapper>content), men så blev det også godt

Lidt irriterende er det så, at jeg kan huske jeg har læst om fejlen
tidligere - måske nogle år siden, men jeg havde glemt det igen - det er
sgu skidt... :-/ (DENNE gang vil der vist gå lang tid inden jeg glemmer
den igen!)

Nu mangler jeg bare den sidste detalje med den lille grå border jeg har
mellem menuen og indholdet - den er hæftet som en venstre-border på
content boksen, hvilket giver problemer i IE, hvis indholdet ikke fylder
mere i højden end menuen - hvis jeg i stedet sætter border-right på
menu-boksen får jeg blot det modsatte problem og det er øjensynligt ikke
en mulighed at satse på border-collapse og lave en border i begge bokse
- intet af det ser ud til at fungere i IE, mens alle løsningerne
fungerer efter hensigten i Firefox... - any ideas eller skal jeg bare
poste et nyt spørgsmål?

Mange tak for hjælpen!!

Mvh Tommy Ipsen

René Lønstrup (04-03-2005)
Kommentar
Fra : René Lønstrup


Dato : 04-03-05 14:31

Tommy Ipsen wrote:
> Nu mangler jeg bare den sidste detalje med den lille grå border jeg
> har mellem menuen og indholdet - den er hæftet som en venstre-border
> på content boksen, hvilket giver problemer i IE, hvis indholdet ikke
> fylder mere i højden end menuen - hvis jeg i stedet sætter
> border-right på menu-boksen får jeg blot det modsatte problem og det
> er øjensynligt ikke en mulighed at satse på border-collapse og lave
> en border i begge bokse - intet af det ser ud til at fungere i IE,
> mens alle løsningerne fungerer efter hensigten i Firefox... - any
> ideas eller skal jeg bare poste et nyt spørgsmål?

Jeg har selv lavet noget lignende med en border på et site jeg arbejder
på, - der gjorde sig simpelthen det at jeg lavede hhv. en border-right
på menuen og en border-left på content, og så placerede jeg content 1px
længere mod venstre (med margin-left -1px), så de to kanter lå ovenpå
hinanden. Det virker fint i IE6, Firefox og Opera7+, men jeg har ikke
gidet teste i de gamle browsere...


--
Mvh René Lønstrup
web: http://www.rel7star.dk?r=usenet
email: se om du kan regne dén ud..



Tommy Ipsen (05-03-2005)
Kommentar
Fra : Tommy Ipsen


Dato : 05-03-05 10:45

René Lønstrup wrote:

> Jeg har selv lavet noget lignende med en border på et site jeg arbejder
> på, - der gjorde sig simpelthen det at jeg lavede hhv. en border-right
> på menuen og en border-left på content, og så placerede jeg content 1px
> længere mod venstre (med margin-left -1px), så de to kanter lå ovenpå
> hinanden. Det virker fint i IE6, Firefox og Opera7+, men jeg har ikke
> gidet teste i de gamle browsere...

Det vil også virke, hvis jeg kører med faste pixelstørrelser, men jeg
em's for at få et nogenlunde dynamisk layout og så er den mulighed ikke
tilstede såvidt jeg kan se?

Mvh Tommy

René Lønstrup (05-03-2005)
Kommentar
Fra : René Lønstrup


Dato : 05-03-05 12:43

Tommy Ipsen wrote:
> Det vil også virke, hvis jeg kører med faste pixelstørrelser, men jeg
> em's for at få et nogenlunde dynamisk layout og så er den mulighed
> ikke tilstede såvidt jeg kan se?

Om det laves det i em eller px _burde_ ikke gøre nogen forskel, bare du
gør det begge steder (så borderen ikke er i px og margin i em).

Jeg har lavet en simpel testside udelukkende med em størrelser her:
http://www.rel7star.dk/misc/test/negativ-em-margin.html
IE kludrer desværre lidt i det (på min maskine ihvertfald, content
borderen bliver ikke alignet helt præcist med menu borderen), når
textstørrelsen formindskes, men om det er så galt at det gør noget må
være en vurderingssag..

Og her er en anden test hvor border/margin er i px mens resten af
layoutet er i em:
http://www.rel7star.dk/misc/test/negativ-px-margin.html
Her klarer IE sig fint, mens det nu er Firefox der kludrer lidt (samme
problem som IE med em), når textstørrelsen formindskes, men endnu
engang, - om det er så galt at det gør noget må være op til en selv..

Opera ser ikke umiddelbart ud til at have nogle problemer med nogle af
dem..


--
Mvh René Lønstrup
web: http://www.rel7star.dk?r=usenet
email: se om du kan regne dén ud..



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste