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

Her er både spørsmål og gode idéer/forslag

Moderators: sone12, Per Yngve Berg

Locked
redaktoren
Joomla! Apprentice
Joomla! Apprentice
Posts: 48
Joined: Tue Nov 04, 2008 9:32 am

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

Post by redaktoren » Sun Jul 15, 2012 5:12 pm

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

User avatar
operafox
Joomla! Intern
Joomla! Intern
Posts: 87
Joined: Mon Feb 23, 2009 4:53 am

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

Post by operafox » Sun Jul 15, 2012 10:04 pm

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
Joomla! Apprentice
Joomla! Apprentice
Posts: 48
Joined: Tue Nov 04, 2008 9:32 am

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

Post by redaktoren » Sun Sep 09, 2012 9:47 pm

Hvordan gjør du det da?

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

User avatar
sone12
Joomla! Champion
Joomla! Champion
Posts: 5446
Joined: Wed Oct 11, 2006 1:12 pm
Location: Kristiansand, Norway
Contact:

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

Post by sone12 » Tue Sep 11, 2012 9:03 pm

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 ;)
Kristian P. Granrud - Global Moderator

redaktoren
Joomla! Apprentice
Joomla! Apprentice
Posts: 48
Joined: Tue Nov 04, 2008 9:32 am

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

Post by redaktoren » Tue Sep 11, 2012 9:20 pm


User avatar
sone12
Joomla! Champion
Joomla! Champion
Posts: 5446
Joined: Wed Oct 11, 2006 1:12 pm
Location: Kristiansand, Norway
Contact:

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

Post by sone12 » Wed Sep 12, 2012 7:00 pm

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;
}
Kristian P. Granrud - Global Moderator

redaktoren
Joomla! Apprentice
Joomla! Apprentice
Posts: 48
Joined: Tue Nov 04, 2008 9:32 am

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

Post by redaktoren » Fri Sep 14, 2012 9:07 pm

Nei fungerte ikke det heller :(

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


Locked

Return to “Template, CSS og design”