Hi guys, I cannot for the life of me figure this problem out! The website is www.karinmiller.co.za Although I am using wordpress, i believe this to be a CSS issue. Here it the problem: Take for instance the contact page: Here is how it looks to me: http://i.imgur.com/ehKOv.gif (image 1) But some people see it like this: http://i.imgur.com/M3SH4.gif (image 2) If you do a quick refresh of the page, you will notice for a split second it shows image 2, and then quickly jumps to the proper versino (image 1).. The site seems to appear properly for me on all browser, but some people its messed up. I would be very grateful if someone could please help me fix this problem! Thanks
It seems fine to me too well on latest version of 5 major browsers. I tried refreshing as well but image 2 doesn't show up. Do you know which browser and what version causes this problem? Without knowing that nobody can help.
I'm seeing different layouts in EVERY browser here -- which is surprising given the use of absurdly undersized fixed metric fonts to go with the light grey on white text that's below accessibility minimums. Though being turdpress, I'd have to throw 90% of the HTML in the trash before I'd even THINK about trying to 'fix' whatevers wrong -- but since the home page is giving me a sideways scrollbar at 1920x1200, I'd say the entire layout is non-viable for web deployment and needs to be started over from scratch ANYWAYS. This might sound harsh -- but let's look at the code of the section in question: <table class="cls-table-gallery wpscls-with-content"><tr><td class="wpscls-post-content"><div class="wpscls-field-content"><p>Feel free to contact us if you have any comments or queries. Fill out the form below or email <a href="mailto:karin@kmvisuals.com">karin@kmvisuals.com</a></p> <div class="wpcf7" id="wpcf7-f1-p185-o1"><form action="/contact-karin/#wpcf7-f1-p185-o1" method="post" class="wpcf7-form"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="1" /> <input type="hidden" name="_wpcf7_version" value="2.4.6" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1-p185-o1" /> </div> <p>Your Name (required)<br /> <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" class="wpcf7-text wpcf7-validates-as-required" size="40" /></span> </p> <p>Your Email (required)<br /> <span class="wpcf7-form-control-wrap your-email"><input type="text" name="your-email" value="" class="wpcf7-text wpcf7-validates-as-email wpcf7-validates-as-required" size="40" /></span> </p> <p>Subject<br /> <span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value="" class="wpcf7-text" size="40" /></span> </p> <p>Your Message<br /> <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10"></textarea></span> </p> <p><input type="submit" value="Send" class="wpcf7-submit" /><img class="ajax-loader" style="visibility: hidden;" alt="Sending ..." src="http://karinmiller.co.za/wp-content/plugins/contact-form-7/images/ajax-loader.gif" /></p> <div class="wpcf7-response-output wpcf7-display-none"></div></form></div> <p>An extensive selection of Karin Miller’s works are on display and available at the Holden Manz collection in Franschhoek, formerly called Focus Contemporary.</p> <p>Please contact the gallery team on 021 876 4402 or <a href="mailto:info@focuscontemporary.co.za">info@focuscontemporary.co.za</a>.</p> <p> </p> </div></td><td><img alt="." src="http://karinmiller.co.za/wp-content/uploads/2011/09/Untitled-1.jpg" /><h5>.</h5></td></tr></table> Code (markup): Tables for layout -- this isn't 1997. DIV around the form for no good reason, display:none around hidden inputs for christmas only knows what reason, paragraphs around non-paragraph elements, no labels, no fieldset, spans for no good reason, endless classes for nothing... Level 5 heading around a period for... well... that's just serious whiskey-tango-foxtrot territory. The markup from line 1 to line 119 is a laundry-list of how not to build a website. It "All must go"