iPhone: controlling orientation and image sizing

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

iPhone: controlling orientation and image sizing

Post by simonmlewis »

Hi

I am new to building iPhone web sites.
I have got the script running that turns the site when you turn the phone, but I cannot work out how to resize images when you turn it.

This is the site I have been using to learn it:
http://www.engageinteractive.co.uk/blog ... he-iphone/

What it doesn't show is how to control the size of the image. I've tried this as my CSS:

Code: Select all

.logobox img #content_normal
{
	margin-left: 10px;
		width: 300px;
}

.logobox img #content_right
{
	margin-left: 10px;
	width: 400px;
}
Assuming that you have to set it twice - one for Normal and one for Right. However, my Blackberry views both I think.

Has anyone done this and can help guide me please?
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Post Reply