Page 1 of 1

Problemer med "halv side" på iPhone, Mac, Smartphon og Ipad

Posted: Sun Jul 15, 2012 5:12 pm
by redaktoren
Har problemer med at nettsiden som jeg laget i joomla vises i halv versjon på Iphone, Mac, Ipad og på min egen smartphone...i PC fungerer alt som det skal etter noen CSS fiksinger da også IE sin siste versjon sleit med samme problemet. Har noen hatt det samme problemet eller vet hvordan man ordner dette?

Har innstallert Joomla Mobile! men det har ikke hjelpet...

Re: Problemer med "halv side" på iPhone, Mac, Smartphon og I

Posted: Sun Jul 15, 2012 10:04 pm
by operafox
For at nettsiden skal kunne vises på mindre oppløsninger enn på PC må du lage såkalt "responsive" eller "adaptive" design. Dvs du bruker CSS for å presentere innholdet tilpasset forskjellige skjermstørrelser avhengig av viewport meta tag.

Re: Problemer med "halv side" på iPhone, Mac, Smartphon og I

Posted: Sun Sep 09, 2012 9:47 pm
by redaktoren
Hvordan gjør du det da?

Det er bare selve nyhetsfeeden som vises halvt (dvs modulene midt i) resten vises som det skal..

Re: Problemer med "halv side" på iPhone, Mac, Smartphon og I

Posted: Tue Sep 11, 2012 9:03 pm
by sone12
Kan være tidskrevende å endre hele templatet ditt til å bli responsivt. Og i hvertfall om du ikke har 100% kontroll på hva dette arbeide innebærer osv. Ville heller da valgt å bygge opp et nytt template eller innstallere et nytt template.
Søk i google etter "joomla responsive template" gir mange treff. :pop
Om du ønsker å forstå grunnideen bak responsiv design, så vil fremdeles et søk på nett gi mange gode veiledninger.
Søk etter"responsive web tutorial" foreksempel.
Det er bare selve nyhetsfeeden som vises halvt (dvs modulene midt i) resten vises som det skal.
Har du en link til siden hvor problemet oppstår? Lettere for folk å hjelpe om de kan se problemet og muligens koden bak ;)

Re: Problemer med "halv side" på iPhone, Mac, Smartphon og I

Posted: Tue Sep 11, 2012 9:20 pm
by redaktoren

Re: Problemer med "halv side" på iPhone, Mac, Smartphon og I

Posted: Wed Sep 12, 2012 7:00 pm
by sone12
Jepp, ser at det blir noe trøbbel med siden i blant annet safari på mac.

Kan du teste å sette inn en clear:both; på #page_content ? Deretter har du en del objekter som sklir over bilder osv når siden forminskes. Kan enten løses med å nekte forminskelse (min-width) eller rett og slett sette en bredde på bildene i % foreksempel.
Prøv å sett inn css nedenfor og se om det hjelper.

Code: Select all

/* template.css linje 234 */
#page_content {
clear:both!important;
}

Code: Select all

/* Ny linje i  template.css som overstyrer bredde og høyde på bilder  */ 
#container img{
width:100%!important; 
height:auto!important;
}

Re: Problemer med "halv side" på iPhone, Mac, Smartphon og I

Posted: Fri Sep 14, 2012 9:07 pm
by redaktoren
Nei fungerte ikke det heller :(

På Ipad sier de at midtkolumnen blir svart. På min Smartphone er det "halv side" på den midterste kolumnen...