I made a website that has a floated div which contains the contact form. The entire website can be seen on all platofrms and on all browsers except for teh contact form. After some research I believe the floatd div is rpeventing the contact form from being viewed on tablets (eg. iPad) and phones. How can I circumvent this problem without sacrificing the layout? If you'd like to see the site feel free.

Thanks for help in advance.

Recommended Answers

All 2 Replies

You could put your address image inside a div and your table inside another, set the widths of both to what ever width they should be on the page and then add the CCS rule

display: inline-block;

to both. That will remove the need for the float and place them side by side.

commented: Thanks so much! +2

Use css media queries they are specialy created for websites that have diffrent viewers from pc to mobile

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.