CSS and mobile phones

Add to Bookmarks

Posts:

Account:

12 Next

Author

CSS and mobile phones

Jim

Joined: Jan 20, 2002
Posts: > 500
From: Belgium
PM

Posted: 2005-01-30 10:53

Hi all, I need a bit of help.

I just discovered that the K700 supports stylesheets so I'm trying to transform my site for mobile phones, handhelds, ... . I use so that any "handhelds" are using the mobile.css but I have a problem in the css: I try to put a width of auto or 100% so that it fits on any screensize but it doesn't work for the text ... .

What am I doing wrong ? Anybody has experience with that ?

Thanks in advance

Edit: well I was wrong, it doesn't support it very well, only 10%

_________________
K700 - T610 themes site

[ This Message was edited by: Jim on 2005-02-01 20:42 ]

Jim

Joined: Jan 20, 2002
Posts: > 500
From: Belgium
PM

Posted: 2005-01-30 12:06

Found it, was using margins in a div tag so I removed it.

Edit : 90 % of users reported a crash of the mobile phone, so I removed the link to avoid any problems

Many thanks

_________________
K700 - T610 themes site

[ This Message was edited by: Jim on 2005-01-31 17:35 ]

Jim

Joined: Jan 20, 2002
Posts: > 500
From: Belgium
PM

Posted: 2005-01-30 21:08

Come on somebody can test it, it takes 2 minutes

knight4led

Joined: May 27, 2004
Posts: > 500
From: Califonia, USA
PM

Posted: 2005-01-30 21:15

I tried it out on my P910 and it looks pretty decent. I don't know if this helps since my phone has full HTML support and narrow screen layout. Can't see any major issues.

wapchimp

Joined: Jun 09, 2002
Posts: > 500
From: Land of the chimps
PM, WWW

Posted: 2005-01-30 22:24

Is it supposed to divert you to a wap site or load the full web site on the phone? Cos it took ages to load, but did load fully on my 6600

Jim

Joined: Jan 20, 2002
Posts: > 500
From: Belgium
PM

Posted: 2005-01-30 22:44

It's just my xhtml pages, no redirect at all, I know that you use redirects based on the webbrowser wapchimp

I have this between the < head> tag

Code:


<link rel="stylesheet" href="stylesheet.css" media="screen" />

<link rel="stylesheet" href="mobile.css" media="handheld" />

So when a "handheld" acces the index page it uses the mobile.css where I define whatever I want in there.

It's long to load because there was the images, I just removed them in the css.

Btw: there are load's of person that are testing ( I can see you in the logs !!! ) the page and no one reply

[ This Message was edited by: Jim on 2005-01-30 21:46 ]

DSF

Joined: Dec 01, 2002
Posts: > 500
From: Romania
PM, WWW

Posted: 2005-01-30 23:07

Hey Jim, ive tested your page with netfront on my phone (since my phone's default browser suport only wml) with 'native' display option (display the site how it is, without rearranging to other ways). It load but the text width is about 1/3 of screen. I will post a screenshot to see how the page was rendered (tomorrow after exam)

This message was posted from a Nokia 7650

wapchimp

Joined: Jun 09, 2002
Posts: > 500
From: Land of the chimps
PM, WWW

Posted: 2005-01-30 23:17

Good idea to strip out the non essential stuff for wap phones using CSS

Jim

Joined: Jan 20, 2002
Posts: > 500
From: Belgium
PM

Posted: 2005-01-30 23:26

Thanks DSF, it really helps me because I only have a K700 to test the pages ...

@wapchimp: well it's faster cause you don't have to rewrite all the pages in wml and easier to edit as it would affect all the pages at the same time but as you can see it might take some time before I get a 100% working one

toneyericsson

Joined: Aug 22, 2004
Posts: 70
PM

Posted: 2005-01-30 23:28

Strange. Im using R2L Firmware and have never experienced this handset switch off or crash until i clicked on the themes?

This message was posted from a K700i

Jim

Joined: Jan 20, 2002
Posts: > 500
From: Belgium
PM

Posted: 2005-01-30 23:32

Your phone crashed ? Starnge I'm using R2L also and can browse/downlaod whtout a problem

Edit: whow I have problem with the keyboard

_________________
K700 - T610 themes site

[ This Message was edited by: Jim on 2005-01-30 22:40 ]

toneyericsson

Joined: Aug 22, 2004
Posts: 70
PM

Posted: 2005-01-30 23:37

It switched off when i clicked on themes, i went back onto WAP and tryed again and it did the same. ? Weird.

This message was posted from a K700i

Jim

Joined: Jan 20, 2002
Posts: > 500
From: Belgium
PM

Posted: 2005-01-30 23:44

Ok I'm sorry I'm using R2A, it's really strange that it switch off cause it's a valid css and a valid xhtml page so I guess it's a bug in the R2L firmware which is a bad news if it happens on all R2L phones

toneyericsson

Joined: Aug 22, 2004
Posts: 70
PM

Posted: 2005-01-30 23:47

It must be a bug, funny thing is i havent experienced it before. Maybe some other K7 users with R2L could try it.

This message was posted from a K700i

Jim

Joined: Jan 20, 2002
Posts: > 500
From: Belgium
PM

Posted: 2005-01-30 23:48

Yup waiting for others to reply

. Thanks toneyericsson for everything

Access the forum with a mobile phone via esato.mobi

12 Next