Avatar billede jannikf Nybegynder
24. oktober 2006 - 18:24 Der er 2 kommentarer og
1 løsning

Tekst forsvinder i IE med CSS

Hej allesammen

Jeg har 2 problemer med IE, men vi tager det første her. Problemet er at IE til tider ikke viser teksten på min side og i ældre IE browsere simpelthen skjuler hele teksten. Problemet kan løses ved at markere teksten eller scrolle lidt frem og tilbage, men ved refresh er problemet tilbage igen.

Jeg benytter mig af css til opsætningen og dermed float og tror det er skyld i fejlen. Fænomenet er velkendt på nettet, men har ikke haft held med at finde svar.

Her er siden: http://www.jblog.dk/

Der er for meget css-stads til at jeg poster det her så har taget det relevante, tror jeg :)

#container {
position: absolute;
width: 696px;
margin-top: 130px;
padding-bottom: 50px;
border-bottom: 2px solid #FF00FF;
background-image: url(../gfx/bg.gif);
background-position: 101px 0px;
background-repeat: repeat-all;
padding-left: 8px;
}

#content {
float: left;
width: 475px;
}

#arkiv {
float: right;
width: 205px;
margin-right: 8px;
margin-bottom: 50px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 10px;
background-color: #5E95D4;
background-image: url(../gfx/arkivbgtop.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
line-height: 0.9em;
}


Indeni content er der så en divs (.post) der indeholder indlæg hver:

padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
background-color: #FFF;
background-image: url(../gfx/filmbgtop.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
Avatar billede olebole Juniormester
25. oktober 2006 - 15:30 #1
<ole>

Det er tydeligt, du laver fejl. Jeg har ikke tid til at gå det hele efter i sømmene, men hvad betyder f.eks:
    background-repeat: repeat-all;
    font-weight: "demibold roman";
    clear: all;

Hvorfor bruger du forøvrigt alle de ID-selectors i dine stylesheets? Det er i lodret modstrid med meningen med CSS, der jo primært handler om nedarvning gennem klasser (element- og style-klasser).

Desuden er dine scripts ikke kompatible med XHTML (som jo er et subset af XML og derfor bygger på XML-DOM). Desuden har det ikke meget med Ajax at gøre, da hele idéen bag Ajax går ud på kun at udveksle rå data mellem klient og server ... al HTML-formatering foregår på klienten i Ajax.
Prøv i øvrigt at checke, hvordan Google bruger Ajax i en lignende app:
    http://www.google.com/webhp?complete=1&hl=en

- og læg mærke til, at serveren ikke polles på hvert keystroke - men hvert sekund. Det giver dramatisk bedre performance  ;o)

/mvh
</bole>
Avatar billede jannikf Nybegynder
25. oktober 2006 - 18:43 #2
Hej

Med ID-selector så mener du f.eks. #container ikke? Er det ikke fint nok at bruge <div id="container"> bare det ikke bliver brugt flere gange?

Nej erfarede præcis det samme i en tidligere tråd omkring min søgefunktion. Det er selvfølgelig noget jeg har tænkt mig at rette dvs. få søgeresultaterne ud i xmlform og så lade klienten tage sig af formatteringen. Det er vel sådan det virker ikke?

Mht. validering, ja så er det noget jeg skal have lavet, men vælger hele tiden at lave nye og mere spændende ting, så det bliver aldrig fikset.

Forstår ikke helt det med keystrokes? Er det ikke bedre at serveren polles kun ved keystrokes frem for hvert sekund? Kunne forestille mig at hvert sekund belaster serveren en del?

Haha, men mit problem med sku løst ved at jeg skiftede til normal html. Men vil da meget gerne have svar på ovenstående.
Avatar billede jannikf Nybegynder
28. november 2006 - 21:40 #3
Lukker
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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