Avatar billede trench Nybegynder
27. juli 2009 - 22:33 Der er 24 kommentarer og
2 løsninger

Hjemmeside rykker ved skift imellem sider

Har før oprettet et spørgsmål om dette. Er nød til at gøre det igen, da der er ting jeg ikke forstår - og nu desuden har endnu mere brug for at forstå skidtet. Og om muligt finde ud af hvad måske kan gøres.

Jeg sidder med en hjemmeside som rykker en smule til den ene side, når der skiftes mellem visse af siderne. Det går mig på. Vil gerne have at de ting som går igen på alle sider (menu, grafik, etc) hele tiden bliver stående samme sted, så det kun (som det er meningen) er indholdet der skifter.

Sidst jeg oprettede et spørgsmål om dette fik jeg at vide, at der måtte være noget galt med kodningen.
Der er tale om en side i WordPress. Dvs. den generere som bekendt meget af koden selv. Og uanset om der er tale om sider som jeg har lavet, eller sider hvor jeg slet ikke har haft fingrene i koden (f.eks. Galley), så opstår problemet alligevel på begge.
For at kunne se at de rykker frem og tilbage, forudsætter det korrekt nok at jeg kan skifte imellem sider der rykker og sider som ikke gør. Jeg har også begge dele. Det fungere tilsyneladende sådan, at så snart der er fyldt (en vis mængde) indhold på en side, så flytter den en smule til venstre!

En jeg kender siger at problemet skyldes at Internet Explorer 8 ikke overholder w3.org standarder. Altså at der er tale om et Internet Explorer 8 problem. Han siger også at han har set det på andre sider også. Det tror jeg skam på, men hvad så med alle de sider jeg surfer på med min I.E.8 uden at noget flytter sig.
Jeg kan konstatere at problemet forsvinder hvis jeg skifter til "Kompatibilitetsvisning". Men det løser jo ikke problemet. Man kan jo ikke bede alle der besøger siden om at trykke på den knap, for at undgå dette.

Husk nu at der er flere spørgsmål/ting at tage stilling til i ovenstående end det i sidste afsnit.

På forhånd tak.
Avatar billede zips Juniormester
27. juli 2009 - 22:35 #1
Det skyldes sikkert at du får scrollbar frem, kik her http://www.eksperten.dk/spm/880180
Avatar billede keysersoze Ekspert
27. juli 2009 - 22:37 #2
sæt overflow-y: scroll; på din html.

fx

<html style="overflow-y: scroll;">
Avatar billede trench Nybegynder
27. juli 2009 - 22:53 #3
He, har lige tjekket.
Alle sider uden, bliver hvor de skal. Alle sider med, flytter sig. :D

Nu mangler jeg så bare lige at finde ud af hvordan jeg gør det i skriver.
<html> er jo øverts i dokumentet. Den del har jeg jo slet ikke adgang til via html editoren. Så det ved jeg ikke rigtig hvordan jeg gør. Men så må jeg kontakte en jeg kender som har forstand på den slags og som også allerede har hjulpet med en del på siden.
Avatar billede keysersoze Ekspert
27. juli 2009 - 23:00 #4
så sæt ændringen i din css - den har du forhåbentlig adgang til;

html
{
  overflow-y: scroll;
}
Avatar billede trench Nybegynder
27. juli 2009 - 23:07 #5
Ikke umiddelbart.
Jeg ved kun meget lidt om den slags. Faktisk begrænser det sig til lidt inline style sheets.

Måske kunne jeg finde ud af det hvis jeg vidste hvor den ligger, men det gør jeg heller ikke.

Det er en af de ting jeg har haft en anden til at tage sig af. Så jeg bliver som sagt nok nød til at kontakte ham igen.
Avatar billede keysersoze Ekspert
27. juli 2009 - 23:15 #6
Jeg kender ikke til WordPress så skal ikke kunne sige hvordan det kan løses - men selvfølgelig kan det løses. Det skal dog siges at det ikke er et browser-problem som din bekendte forsøger at få det til at lyde som om.
Avatar billede trench Nybegynder
27. juli 2009 - 23:29 #7
Ok. Der har også hele tiden været ting ved det jeg ikke kunne få til at stemme. Haft svært ved at acceptere at det ikke skulle kunne løses. Så jeg har heller ikke rigtig kunne give slip på det ...

Kan han ikke klare det, må jeg jo prøve om jeg kan finde en anden der kan. Ved jeg desværre af erfaring er alt andet end nemt. Men nu prøver jeg at sende en mail.


Du skriver samtidig at jeg skal sætte koden ind i min css (eller på min html) o g at du ikke kender WordPress, så du ved ikke lige hvordan det kan løses.

Hvordan skal jeg forstå det? At det måske, måske ikke, kan løses på den måde? Eller at det burde kunne, men på den anden side ... man ved aldrig hvordan et system er skruet sammen?
Avatar billede zips Juniormester
28. juli 2009 - 00:25 #8
WordPress eller ej, jo det kan løses på den måde, det handler kun om at få sat koden ind, i #2 er det inline og i #4 er det hentet gennem css, begge vil virke i de fleste browser, dog ikke i safari, derfor henviste jeg til det link i #1 som også viser at man kan bruge 101% som også virker i safari

html {height: 101%}

Men jeg vil mene at du skal sætte dig ind i brug af css og selv rette i denne fil, da siden nu er sat op, er det jo nemt at lave en backup af filen og derefter rette i den, går alt galt, er det kun at oploade din css backup igen og siden er som den var.
Avatar billede keysersoze Ekspert
28. juli 2009 - 07:30 #9
korrekt - har man ikke kigget på et system ved man ikke hvordan det er skruet sammen, men Wordpress var aldrig nogensinde blevet et så stort system som det er i dag hvis man ikke kunne tilpasse sin css - derfor ved jeg at man kan.
Avatar billede trench Nybegynder
28. juli 2009 - 13:16 #10
Med hensyn til sætte mig ind i css. Ja, det bør jeg nok gøre. Men er nok nød til at gøre det på den anden side af dette. Ellers går der vel måneder før jeg kan rette det ...

---

Ok. Er desværre nød til at gøre dette selv.

Jeg har nu fundet css filen. Og kopieret indholdet til et Word ark.

Er det så dette: jeg skal sætte ind?

html {
    height: 101%;
    margin-bottom: 1px;
}

Forstår det sådan, at det er den bedste løsning = den eneste der garantere at det virker i alle browsere.

Hæfter mig desuden ved dette: "overflow-y: scroll; som keysersoze skriver virker det ved at den laver en scroll som er nedtonet indtil den skal bruges, den eneste af de browser jeg har testet dette i, er at i Opera kommer der også scroll vandret ved overflow-y, men Opera har ikke nogen løsning på dette."

Måske har jeg ikke fattet en pind? :D
Avatar billede trench Nybegynder
28. juli 2009 - 13:19 #11
Nej det har keg vist ikke. :(

Jeg har brug for intens hjælp her. Ellers går det galt!
Avatar billede trench Nybegynder
28. juli 2009 - 13:20 #12
Jeg skal sætte præcis hvad ind, præcis hvor?
Avatar billede zips Juniormester
28. juli 2009 - 14:57 #13
Er det så dette: jeg skal sætte ind?

html {
    height: 101%;
    margin-bottom: 1px;
}


Ja det er det, som du selv kan se er opera og safari ikke glade for overflow-y: scroll; men eller er det rigtigt at ved at bruge den, vil scroll være nedtonet indtil den skal bruges, så hvis du mener at der er meget få som bruger opera og safari på din side, kan du jo godt bruge overflow-y: scroll; og så leve med de uheldige ting som sker i de 2 browser.
Avatar billede trench Nybegynder
28. juli 2009 - 15:48 #14
Ok.

Hmmm ... Nedtonet og se stort på Oprea og Safari. Eller fungere i alle, men til gengæld mere synlig.
Hvor mange af dem som vil komme på siden der bruger Opera og Safari, har jeg ingen fornemmelse af. I 2002 brugte 0,8 procent Opera, kan jeg se. Men det er jo nok en hel del mere i dag.


Hvor i arket skal man sætte koden ind? Kan se der arket igennem er en lang række overskrifter; /* Begin Typography & Colors */, /* Begin Structure */, /* Begin Images */ (osv...) efterfulgt af koder som ovenstående.
Hvad skal mon den sektion jeg sætter det ind i hedde?
Avatar billede zips Juniormester
28. juli 2009 - 16:00 #15
Jeg går udfra du har en css som hedder style.css i denne fil kan du indsætte det lige før din body så der er styr på rækkefølgen.

Men hvis du har et link til siden kan vi nemt fortælle dig hvor du skal indsætte det.
Avatar billede trench Nybegynder
28. juli 2009 - 16:01 #16
Ok, har besluttet at det skam være den der tager jensyn til dem alle. Siden har med musik at gøre. Og mange musikere benytter mac, hvilket er lig med Safari.
Avatar billede trench Nybegynder
28. juli 2009 - 16:14 #17
Ja den hedder style.css

'Før din body'. Nu har jeg jo desværre ikke lært dette, så det siger mig ikke noget.

Har det noget med nedenstående at gøre?
Det er det der står først (bortset fra en indledende tekst om theme, author, m.m.)

/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Arial, Helvetica, Sans-Serif;
    background: #fff;
    color: #333;
    text-align: center;
    }

#page {
    background-color: #fff;
    text-align: left;
    }

#header {
    background: #fff;


osv, osv ...
Avatar billede zips Juniormester
28. juli 2009 - 16:17 #18
Indsæt det som her under

/* Begin Typography & Colors */
html {
    height: 101%;
}

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Arial, Helvetica, Sans-Serif;
    background: #fff;
    color: #333;
    text-align: center;
    }
Avatar billede trench Nybegynder
28. juli 2009 - 16:19 #19
Uden margin-bottom: 1px;??

Da jeg spurgte tidligere sagde du ja til hele koden ...?
Avatar billede zips Juniormester
28. juli 2009 - 16:24 #20
Ja uden margin-bottom jeg troede at det var en som var i din css derfor var den med i starten, men da jeg ikke kan se den skal bruges til noget når du bruger 101% blev den slettet, beklager hvis det var misvisnede det jeg skrev.
Avatar billede trench Nybegynder
28. juli 2009 - 16:24 #21
Okay.
Avatar billede trench Nybegynder
28. juli 2009 - 16:35 #22
Ok. Det virker. :)

Tusinde tak!


Faktisk er det irriterende ikke at kunne noget af dette. Jeg må hellere som lovet sætte mig lidt ind i det.
Har opdaget at jeg faktisk har et hæfte liggende (Style Sheets - lær det selv) som jeg for år tilbage ikke kom i gang med. Et af dem fra IDG. Med mindre det er forældet? Er fra 2002.
Avatar billede trench Nybegynder
28. juli 2009 - 17:00 #23
Husk at lægge svar for point.

Men hvordan skal jeg nu fordele dem? Har i et forslag? Eller burde jeg måske allerede vide det? Er der måske nogle uskrevne "regler"?
Avatar billede trench Nybegynder
28. juli 2009 - 17:10 #24
140 (zips) + 60 ??
Avatar billede zips Juniormester
28. juli 2009 - 17:15 #25
Her er et svar :-)

En deling lige over er helt fin med mig :-)
Avatar billede trench Nybegynder
28. juli 2009 - 17:44 #26
Ok, så gør jeg sådan.

---

Tak for hjælpen.
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
Kurser inden for grundlæggende programmering

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