Welcome to Geeklog, Anonymous Sunday, September 13 2026 @ 07:47 am EDT
Geeklog Forums
geeklog on iphone
phyre
Anonymous
My site 75160.com looks fine on a computer but on my iphone everything is shifted way to the right.
Any ideas why or how I can fix?
Any ideas why or how I can fix?
21
17
Quote
Status: offline
suprsidr
Forum User
Full Member
Registered: 12/29/04
Posts: 555
Location:Champaign, Illinois
You need to adjust your styles for the presentation those devices impose.
Taking a lessen from the HTML5 Boilerplate:
/*
* Media queries for responsive design
*/
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
/* Prevent iOS, WinMobile from adjusting font size */
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}
-s
FlashYourWeb and Your Gallery with the E2 XML Media Player for Gallery2 - http://www.flashyourweb.com
Taking a lessen from the HTML5 Boilerplate:
Text Formatted Code
/*
* Media queries for responsive design
*/
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
/* Prevent iOS, WinMobile from adjusting font size */
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}
-s
FlashYourWeb and Your Gallery with the E2 XML Media Player for Gallery2 - http://www.flashyourweb.com
19
16
Quote
phyre
Anonymous
Problem solved. My logo.png image was too wide and I was using a "width=" tag in the header.thtml
Fixed by resizing the logo.png to less than 600 pixels wide.
Fixed by resizing the logo.png to less than 600 pixels wide.
16
18
Quote
All times are EDT. The time is now 07:47 am.
- Normal Topic
- Sticky Topic
- Locked Topic
- New Post
- Sticky Topic W/ New Post
- Locked Topic W/ New Post
- View Anonymous Posts
- Able to post
- Filtered HTML Allowed
- Censored Content