Viewing Floats on a cell phone
First, I'm still learning CSS, and while my knowledge has grown in leaps in bounds, I overlook small details sometimes :)
My site is www.wble101.com. I'm pretty happy with the layout right now - it's a frames layout, with some CMS on selected pages. The top frame is fine, but I'm having a problem on one particular page that appears in the bottom frame: the Local News page.
This page has two columns of text (each in their own div): the first one is community news, the second one is church news. Before the closing div tag for church news (which is the last div before the footer), I have a "clear float" class applied to a <br /> tag.
While I haven't concentrated on formatting the pages for viewing on a cell phone, I would still like it to work! When I view the Local News page on my iPhone, the two text columns all float to the left and the footer comes up underneath the top frame.
I have tried the two floats both floating left, and I've tried it with the community news floating left, and the church news floating right - the footer still pops up top!
Any ideas? I'm not sure if I need to attach the CSS or the php page, but I'll be happy to if anyone needs it to help diagnose this...
Thanks for your help,