11. september 2006 - 01:13Der er
41 kommentarer og 2 løsninger
Problemer med positionering i Explorer
Jeg har lige pludselig oplevet problemer med den øverste grønne bjælke på mit site http://herald.dk/ i Explorer. Her er der afstand fra toppen af browseren til bjælken. Denne afstand er der ikke i Firefox.
Jeg synes ikke jeg har lavet nogle væsentlige ændringer for nylig, så jeg ved ikke hvad det kan skyldes. Hvad kan jeg gøre for at forhindre denne afstand, og for at sitet også i Explorer ser ud som i Firefox?
Sidder på arbejde uden FTP-forbindelse, men glæder mig meget til at komme hjem og afprøve om det er problemet I har fundet. Vender tilbage lige så snart der er nyt.
Denne linje kan indsættes i adresselinjen og så enter når man er på siden med IE ... den simulerer ændringen ... java script:document.body.removeChild(document.body.firstChild);void(0);
Hmmm, det var vist det tegn før doctypen som Fennec siger - hvorfor det forsvinder ved fjernelse af første child i body undrede mig dog lidt :D (tegnet flyttede sig bare ned i body når jeg valgte gem som - og så gemte siden som 123.html - så lod ikke mærke til at det var før doctypen fra start af - pudsigt)
... Tror det har noget med utf-8 og gemning via. notesblok eller anden text-editor ...
Byte-Order Mark found in UTF-8 File. The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause problems for some text editors and older browsers. You may want to consider avoiding its use until it is better supported.
...((( Husk at fjerne den ene body alligevel )))...
Tak for det ihærdige forsøg på at hjælpe. Det er rart at føle, at man ikke er alene:-) mclemens: jeg tror ikke <body onload="Ur()"> er problemet. Jeg har prøvet at fjerne det eller det almindelige body-tag, men det gjorde ikke nogen forskel.
Tegnet før <!doctype.... tror jeg kommer fra en PHP kode jeg har for at kunne benytte WordPress' funktionalitet udenfor den rod, som er herald.dk/blog
Det mærkelige er bare at jeg aldrig har haft problmer med dette før. Og som nævt volder det ikke problemer i Firefox.
Det mystiske er også at hvis jeg overskriver sitet med en ældre backupudgave, så er problemet der også, selv om det ikke var der før.
Har prøvet at lave en workaround med at give den grønne bjælke en absolut position. Problemet er bare at resten af baggrunden så stadigværk fylder forskelligt i Explorer og Firefox.
Har nogen forslag til hvad man kan gøre med PHP-koden eller om man kunne forsøge andet?
Den fil hvor det ovenstående står i, er også bare en include-fil så jeg kan skifte parametre for de resterende sider. Men jeg har prøvet at gemme dem i utf-8 (både siom text-fil og som "alle-filer", men faktisk bevirkker det at afstanden både er der i Explorer og Firefox:-) Jeg kan kun få den oprindelige situation tilabge ved at overskrive med gamle backupfiler. Måske er der problemer med at lave includes?
Har også prøvet at ændre MySQL til "dansk-utf-8". Ved dog ikke om sådan noget kunne tage effekt med det samme.
Det er da godt nok et bøvlet problem jeg står med der:-)
Jeg har desuden tidligere prøvet at sætte denneher kode: <?php include ('blog/wp-blog-header.php'); ?> andre steder. Men det skete der ikke så meget ved.
Det kan godt være et problem via. includes - men da selve tegnet står i toppen af siden hælder jeg mest til at det skulle være selve side filen - eller blog/wp-blog-header.php som måske skulle gemmes via. notesblok... Alternativet er selvfølgelig at rette det til iso-8859-1 og det er jo ikke fedt når man kører utf-8 ...
... Nu da begge browsere har problemer med det samtidig - ken der måske fuskes ... Kigger også lige på den width dims ...
Byte-Order Mark found in UTF-8 File. The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause problems for some text editors and older browsers. You may want to consider avoiding its use until it is better supported.
Problemet med ikke at bruge utf-8 er at jeg bruger et plugin som er lavet til at køre utf-8 der kan oversætte de forskellige feeds decoding. Det var faktisk ikke så nemt at komme frem til, da mange af medierne har forskellig encoding og det så nemt kan blive spørgsmålstegn osv. for nogle feeds og ok for andre.
Så det ville være lidt ærgerligt at skulle opgive utf-8.
Nå nu synes jeg scrol-bjælken forneden er forsvundet.
Måske skal løsningen findes i positioneringen af baggrunde og elementer. Jeg har nemlig tidligere haft et lignende problem som jeg på en eller anden måde løste. En lille smule minder problemet også om et spørgsmål jeg havde for nylig:
Jeg har fat i lidt af snoren - men IE skal have billederne lidt op så det her hjælper ikke meget:
#container{position:relative;} eller #container{position:absolute;}
m.h.t. det andet problem så var det med margin-top ... det her er fordi at de tegn lægger sig nede i body sektionen - spørg mig ikke hvorfor ... men testen i 11/09-2006 10:32:58 - burde vise problemet ... taktikken er så at placere layeret ovenpå så teksten ryger nedenunder ... hvis det er muligt ...
... men du gav mig jo også et praj - den skulle bare lige rotere ... (( En lille smule minder problemet også om et spørgsmål jeg havde for nylig: http://www.eksperten.dk/spm/729210 ))
Jep, kan godt se at det hjalp ... Fejlen med Byteorder mark er der selvfølgelig stadig - men den er "skjult" ... - Der er dog et par få px. i forskel fra IE til FF og den scroller der driller - så den er ikke helt ok endnu...
Hold da op hvor skal du have mange tak. Det var en lang kamp, men det var de minus til containeren der simpelthen var løsningen. Tro jeg en gang tidligere for lang tid siden har været ude for sådan noget minus-noget, og det er faktisk ret genialt. Du har reddet min nat.
Og til jer andre, også tak og lidt af pointene for at deltage i problemløsningen.
Tro egentlig at jeg skal have en form for margin omkring skriften i bjælken, men den sætter så bare en border som ikke lige kan fjernes med border:none.
Scrolleren tror jeg skyldes et eller andet med noget margin på teksten. Nogle gange har jeg nemlig oplevet at den grønne bjælke stak lidt ud over resten.
Jeg er også først kommet hjem idag, så derfor det sene svar.
Det sidste forslag hjalp faktisk. Også tak for det. Havde lidt bøvl med "om"-siden, da top-div'en også blev brugt i WordPress-systemet, men det blev også løst.
Det eneste der kunne være tilbage er, at jeg i dag på arbejdet så lidt gråt over den grønne bjælke i Explorer. Men jeg kan ikke se dette i min Explorer herhjemme. Det må jeg lige tjekke en gang til.
Velbekom, og tak for point ... den har også lige en grå kant hos mig :/ Jeg prøvede lige i IE at trykke vis -> tekststørrelse -> mindre ... det hjalp, det tyder umiddelbart på at det varierer m.h.t. tekststørrelsen ... Så det er fordi de teksttegn der står i body sektionen i IE ikke har en fast size - det kan jo desværre ikke låses helt i FF ... men i IE kan du evt. definere font-size på body og så en anden på #container ... men om det bliver for meget workaround ved jeg ikke ...
Umiddelbart bør det måske være nok med font-size:13px; i body delen ...
( java script:document.body.style.fontSize="13px";void(0); ind i browser adresslinjen og enter for quick test af css font'sizen)
Det var da utrolig som der er en masse bøvl med de to browsere lige nu. Jeg undrer mig lidt over hvorfor jeg ikke har set nogen problemer før. Og det ærgrer mig lidt at vi ikke kunne fikse tingene så vi kunne undgå -20-manøvren.
Nå fred være med det. Tror jeg fortækker den grå bjælke frem for at justere på font-size. Gad vide hvilken størrelse folk flest bruger deres browser med.
^ - Jeps det er lidt et skud i tågen at gætte skriftstørrelsen ... ... Jeg ville nu også hellere se en løsning med det utf noget - men når det ikke gav pote at downloade og gemme dem igen så er jeg lidt på tør bund ... det er muligt at gemning via. anden teksteditor vil hjælpe
(måske frontpage :D og så kopiere input kilden over og sætte det ind direkte i html kilden - højre klikke på siden vælge sprog og skifte html kodning der til utf-8 og så prøve at gemme - det må være muligt at fjerne den byte order mark, men hvordan ved jeg ikke lige :/ - m.h.t. frontpage tvivler jeg selv meget, da den plejer at ødelægge ting for mig i fortiden og ikke redde mig)
Tak for det sidste råd, som jeg endnu ikke har nået at afprøve, mclemens.
Jeg kom iøvrigt lige til at tænke på, at jeg da egentlig bare kan flytte php-tagget længere ned i koden. Bare den står inden der kommer andre php-funktioner som er afhængige af det. Har prøvet det, og det ser ud til at virke. Så nu skal jeg bare have normalisret nogle af de rettelser vi lavede.
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.
Ny bruger
Nybegynder
Opret
Preview
