09. juni 2009 - 14:10Der er
21 kommentarer og 1 løsning
Hjemmeside indhold flytter sig
Alle mine sider på mit website fungerer fint på nær en enkelt. Under 'Graphic Design' på www.arun.dk flytter hele containeren sig. Jeg mistænker problemet for at ha' noget at gøre med mere indhold, altså at der er mere indhold på netop den side, så man skal scrolle og at det får hele containeren med indhold til at flytte sig nogle pixels mod venstre. Er der nogle der har en løsning på dette problem?
Jeg vil også gerne påpege at <div align="center"> ALT INDHOLD </div> ikke virker.
Jeg satte <div style="overflow-y:scroll"> </div> rundt om hele indholdet på alle siderne hvorefter det fungerede, dog med en synlig forskel; på alle siderne dukkede der et hvidt felt op, der hvor der normalt er en scroll bar (selvom der kun er en scroll bar på en af siderne).
Jeg ved godt at du skrev style="overflow-y: scroll;" men det er vel også den rigtige måde jeg har flettet det ind på?
hvis du gør noget andet end det jeg svarer får du også et andet resultat - sæt det på dit html-tag, så vil den højre scrollbar være til syne konstant er dermed forhindre din side i at springe lidt sidelæns.
OK, jeg forstår godt din løsning keysersoze, men jeg er ikke interesseret i at ha' en scroll bar på alle siderne. Jeg er kun interesseret i at få mit indhold under 'Design' til at flugte korrekt med alle de andre sider.
Den eneste måde du kan løse problemet på anderledes end det forslåede giver andre og værre ulemper (fx låsning af siden i forhold til øverste venstre hjørne hvilket let kan give problemer med siden alt efter opløsning eller benyttelse af javascript som let kan slås fra) - så enten må du, som på stort set alle andre sider, leve med problemet eller også må du venstrestille siden.
Tak for perspektivet, jeg kan dog ikke gi' svar da jeg troede at der fandtes en mere holdbar løsning. I øvrigt vises scroll bars (efter at ha' prøvet forslaget) helt forkert i Safari som jeg bruger.
Nu har jeg fjernet koden igen. Men den er god nok, for der hvor der så opstår scroll bars, viser der sig at være et hvidt felt (i Safari) og det ser meget underligt ud. Efter at ha' googlet det viser det sig at Safari har besvær med at vise scroll bars med den nævnte kode.
Jamen det er jo godt, men jeg ønsker ikke scroll bars og hvis de så viser sig at være aflange hvide felter så vil jeg hellere vente indtil der kommer en mere holdbar løsning.
i så fald må du fortælle hvad du alternativt søger, for med de forhold du har kan du ikke style dig ud af. Så er du ude i en javascript-løsning med de bivirkninger det kan skabe.
altså jeg søger en løsning som blot gør at 'Graphic design' siden ikke rykker de få pixels, som den gør, men uden at jeg skal tilføje scroll bars. Din løsning er sådan set legitim nok idet der ikke er andre måder at omgås det på end f.eks java script som du rigtigt nok skriver. Da jeg antog at der var flere løsninger via CSS, er der ikke andet for end at give dig point for den mest rigtige løsning, hvis man kan formulere det på den måde.
Glemte lige en ting hvis du kan leve med javascript fejl samt at du bruger ID flere gang til at definere dit CSS så burde du også kunnne med noget som rykker få px ?
fusion-it, der er ingen grund til at begynde at snerre, blot fordi du nævner et problem, som intet har med style="overflow-y: scroll;" at gøre. Jeg bruger en beta version af Safari og som jeg har beskrevet viser der sig at være et aflangt hvidt felt der hvor scroll bars bør være. Derfor benytter jeg mig ikke af den løsning, men da det er den nærmeste løsning via CSS/HTML, som dette problem er postet ind under, så er jeg også villig til at tildele point til keysersoze, hvis personen vil kaste et svar.
Bevæger jeg mig ind i JavaScript løsningen vil jeg først poste det ind under programmering/jsp da det ingen mening gir at poste 'forkert'.
Den hvide boks du oplever er sådan set scrollbaren - men da der ikke er noget at scrolle vil selve den man dragger i bare ikke være synlig og derfor ser det lidt underligt ud.
For lige at forklare lidt nærmere omkring javascript-delen (jeg har ikke noget kode der kan gøre det og ved slet ikke om det kan lade sig gøre) så er det du risikerer at siden bliver synlig for brugeren og så snart alt på den er loaded kan siden synligt hoppe sidelæns for at tilpasse sig din midte. Da browseren jo ikke er låst i størrelse vil scriptet også skulle køre ved browser-resize hvilket også kan give nogle synlige hop. Derfor kan spørgsmålet rejses om hopperiet er værre eller bedre end det nuværende. Disse hop kan man komme selvfølgelig komme ud over, nemlig ved at skjule hele indholdet indtil siden er loaded og beregnet færdigt - men da søgemaskinerne ikke kan tolke javascript er der en vis sandsynlighed for at dette kan føre uheldige bivirkninger med sig på netop søgemaskin-fronten.
Derfor, jeg ved at den perfekte løsning for dig ikke er fundet i dette spørgsmål, simpelthen fordi teknologien ikke tillader det. Men overvej grundigt hvilke følger der kan være hvis du vælger en anden.
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.