I have created a webpage and setup an apache server at home to test. I noticed when I browse on a desktop or a laptop browser, the site looks fine. However, when I try on my iphone (safari), I see a visible line running across a section between two div. The only thing I can think of is that the line showing is from two image files connecting between the div.
For example. My header div has an image file set to no repeat. Following that, I have a content div which also have an image file that repeats horizontal which serves as my main content background image. Is this normal to have a line?
browsers compatibility rendering
Started by
Duc Su
, Feb 21 2010 11:56 PM
7 replies to this topic
#2
Demonslay
-
- Members
-
- 973 posts
P2L Jedi
- Gender:Male
- Location:A strange world where water falls out of the sky... for no reason.
- Interests:Graphic Design, Coding, Splinter Cell, Cats
Posted 22 February 2010 - 12:18 AM
All I know is that phone browsers can be a little goofy. Mine has alot of trouble rendering anything more sophisticated than the simple Google page (then again it some odd Korean browser called 'Obigo'). I can see mobile browsers not fully supporting certain CSS things really.
#3
Duc Su
-
- Members
-
- 29 posts
Young Padawan
Posted 22 February 2010 - 07:10 AM
Thanks for the reply. I am getting back with web designing after a long break and I remember have the same issue. The program I used in the past was DW MX2004. Now I am using DW CS4 and the same issue occurred. Here are some screenshots of what I am referring to. It is funny, I took a sample training tutorial and tested, it didn't have the lines. The webpage used the sam technique as mine. Refer to the yellow line on the top.
Edited by Duc Su, 25 February 2010 - 05:47 PM.
#4
Jacorre
-
- Members
-
- 824 posts
P2L Jedi
- Gender:Male
- Location:USA
- Interests:Computers, Technology, Internet, Graphic/Web Design, Music, Soccer
Posted 25 February 2010 - 11:41 AM
Did you apply a border style to one of your divs?
#5
Duc Su
-
- Members
-
- 29 posts
Young Padawan
Posted 25 February 2010 - 05:49 PM
No border style. The yellow line is coming from the background color yellow. If I zoom in with the iphone, the lines goes away but when I zoom out, it returns.
#6
Duc Su
-
- Members
-
- 29 posts
Young Padawan
Posted 01 March 2010 - 09:35 AM
Bump. No one can explain why I'm getting those lines?
#7
Hayden
-
- Members
-
- 717 posts
P2L Jedi
- Gender:Male
- Location:Texas
Posted 05 March 2010 - 01:14 PM
What browser are you using? It doesn't appear to be the default iPhone OS browser, so I wonder why you're not developing it to that as the majority of people using the iPhone will be using that and not a 3rd party browser.
#8
Duc Su
-
- Members
-
- 29 posts
Young Padawan
Posted 05 March 2010 - 04:44 PM
What browser are you using? It doesn't appear to be the default iPhone OS browser, so I wonder why you're not developing it to that as the majority of people using the iPhone will be using that and not a 3rd party browser.
I am testing it on iphone 3G 3.1.2.
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
