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

[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...

[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.

[redaktoren]

Hvordan gjør du det da?

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

[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.
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

[redaktoren]

www.assisten.no

[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;
}

[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...