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.
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.
Use css media queries they are specialy created for websites that have diffrent viewers from pc to mobile
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.